Then, by comparing the preferred glyph shapes for each character, we need to decide whether it is possible to unify any glyphs or not (especially when the differences between the glyphs are very subtle). On the other hand, there is not such a region-dependent glyph shape difference for the character “一” (meaning the number “one”).įirst, for each character, it is necessary to clarify the most standard and preferred glyph shape for each region. For example, the most preferred glyph style for the ideographic character “骨” (meaning “bone”) is represented differently between its Simplified Chinese glyph “骨” used in China, Traditional Chinese glyph “骨” used in Taiwan, and Japanese/Korean glyph “骨”. Until the Pan-CJK font was realized, it had been necessary to obtain a region-specific font for each region, separately, due to the differences in glyph set and glyph style preference between the regions in East Asia. Adobe and Google released Source Han Sans and the Google-branded Noto Sans CJK as open source font families in 2014, with licensing conditions based on Open Font License version 1.1. Even when you need to produce a multilingual document or publication requiring region-specific ideographic glyph variations, a Pan-CJK typeface like Source Han Sans provides good design consistency. The Japanese version of this article is posted on the Creative Station blog.Īdobe and Google co-developed Source Han Sans, which was a Pan-CJK type family - meaning it could be used in the five main regions in East Asia: China (using Simplified Chinese ideographs), Hong Kong, Taiwan (using Traditional Chinese ideographs), Japan, and Korea. Nearby there will sometimes be variables for other variables that handle font-weight and font-style.This is a continuation from a previous post. scss files will have variables like $font-header-family, $type_header_family or similar for handling typography. That's right the class selector is the name of the font as a convenience to quickly add that class to some html elements.įor lots of HTML you'll want to either update all the relevant areas in but first check the scss for sass variables. I am so frustrated with this.normal html and css I have no issues with editing, but this liquid theme code is a whole different beast. Would you be able to help me figure out how to identity what class(es) to reference? Your example didn't make much sense to me, because its the name of your font? The font I'm trying to connect is one I want to use for everything on the website: navigation, all of the headers, all the body text. is the common place though some themes have a custom.css(.liquid) for merchants to add I'm having a hard time figuring out what the selector should be. Themes using shopify fonts often generate these properties automatically using the liquid font-object automatically when you change the types from the theme put that code into ? Or did you create a stylesheet? So if your font is not working test that. Not doing so will trip up mac safari browser which is overly strict with. Note when using adobe fonts( typekit ) in place of the shopify fonts.įor most themes if your customizing CSS you want to make double sure you are using the EXACT font-weight and font-style as your adobe font webproject has for the activated font that will be in the embedded css.
0 Comments
Leave a Reply. |