Hello,
Just wondering how I change a certain bit a text with a custom font?
There’s a couple sections that I need changed (circled text is just a example of 1 page)
Thanks!
Main issue: Changing only specific pieces of text to use a custom font in a Shopify theme.
Proposed approach: Add the custom font (e.g., via Google Fonts embed code) to the theme, define a CSS (Cascading Style Sheets) class with the desired font-family, and target only the needed text.
Implementation steps: 1) Select/download the font and copy its embed code. 2) Include it in the theme assets/head. 3) Create a CSS class that sets font-family. 4) Wrap the specific text in a span tag or add a class to the element containing that text. 5) Save and test.
Clarifications: The request referenced a circled-text example image, but it was not included.
Current status: The requester asked for hands-on help; a community member offered assistance and moved to direct messages. No public resolution or code changes were posted; outcome pending.
Consensus: No disagreement in the thread; the CSS class + span targeting method was endorsed as the solution path.
Hello,
Just wondering how I change a certain bit a text with a custom font?
There’s a couple sections that I need changed (circled text is just a example of 1 page)
Thanks!
Hi Jakobmb,
Well to answer your question, yes there is a way to change text with a custom font, but it’s more technical than you think.
First you will need a font you want then you need the CSS (Cascading Style Sheet) code of your custom font you can get it through Google fonts and simply copy the embed code.
Next, You will need to add the custom fonts to your theme
Then you need to identify the specific text you want to change and target it by adding a class to the text
And lastly, apply the custom fonts to the text and save changes
Create a CSS class and set the font style. wrap the text you want to change in tag and apply the class on span element. You will need to do this via code. I can help if you want.
Help with this would be amazing.
Sent you a message.