How do I change a certain bit a text with a custom font?

Topic summary

  • 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.

Summarized with AI on December 31. AI used: gpt-5.

Help with this would be amazing.