Skip to main content

How do I change the font within our School in CE?

 

From what I can tell I need to add the style to the Head template and upload into the platform. 

 

Can you please advise.

 

Thanks

Hey @Alistair FIeld great question!! You’re right this can be done in the (liquid) templates, so requires a little bit of technical/code touch. Follow the below steps:

  1. If using a free Google font, grab the HTML link or tag provided by Google for that font. (For non-Google fonts, you can share the font file with our support team to host it on AWS, allowing it to be imported into your School.)
  2. Insert the font HTML tag into the _head.liquid.html template. 
  3. Locate the relevant stylesheet ( styles.css) or add custom CSS directly within the template.
  4.  Use CSS to set the font style for specific elements or across the entire School by applying the font-family you’ve selected.
  5. After applying the font, preview your changes to ensure it displays correctly, then save the template.

Let us know if you have any questions or would like additional support on these steps either on this post or via support!


Hi @cdonargo 

 

Thanks for the steps.

This is the font family I need to input. https://fonts.google.com/share?selection.family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900

 

Do you have an example of how it should be input into the _head.liquid.html template. ?


I was shared this screenshots below (and was told that line for background wasn’t necessary for the font to be applied). 

This 2nd image is in the  _head.liquid.html template. 

If you have trouble figuring this out, please let us know and we can apply this for you! @Alistair FIeld 


Reply