I’m having trouble with my Shopify theme and custom fonts.
I’ve uploaded two custom fonts: GT ALPINA LIGHT and GT ALPINA LIGHT ITALIC.
When I try to italicize a word within a paragraph or title, it automatically applies a faux italic style instead of using the custom GT ALPINA LIGHT ITALIC font. How can I ensure that the custom italic style is applied correctly?
I want to italicize certain headings or specific words within a heading using HTML tags like WORD TO ITALICIZE. What’s the best way to achieve this with my custom fonts?
In this case all 3 examples from above will show proper italic font as browser will apply relevant font variation automatically since you’re giving it a bit more information.
Thank you @Sweans but does this also work if I want to identify specific words? and how to identify that I want to apply the other custom font, the right italics?
@tim_1 sorry but I lost you :). I’m not too expert.
Where should I insert and replace the CSS you suggest? Do I need to update the liquid theme? I can’t find the CSS rules for @font-face
For sections where this option is not present, it is possible to write custom CSS to achieve the desired result. If you can share screenshots of the text you want to italicize, we will provide the code for
In this case, you need to create two blocks with the same “Custom font name”, but first one should have “Normal” selected for “Font style” and URL for normal font-file while the second block should have the same font name, “Italic” and URL for italic version of the font.
You need to leave checkboxes unchecked and CSS selectors empty on one of the blocks, no need for duplicate rules.
The issue I’m encountering is that when I try to italicize a word within a paragraph or title using the method you suggested, it defaults to a faux italic style rather than applying the custom GT ALPINA LIGHT ITALIC font. How can I ensure that the custom italic style is applied correctly?
For example, if I want to italicize the word “collections” in this sentence with the correct typeface, how can I achieve that?