Home/ Questions/Q 9236923
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T07:24:58+00:00

I’m working with a CMS which I only have access to the CSS file.

  • 0

I’m working with a CMS which I only have access to the CSS file. So, I can’t include anything in the <head> of the document. I was wondering if there was a way to import the web font from within the CSS file?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use the @import method:

    @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

    Obviously, “Open Sans” (Open+Sans) is the font that is imported. So replace it with yours. If the font’s name has multiple words, URL-encode it by adding a + sign between each word, as I did.

    Make sure to place the @import at the very top of your CSS, before any rules.

    Google Fonts can automatically generate the @import directive for you. Once you have chosen a font, click the (+) icon next to it. In bottom-left corner, a container titled “1 Family Selected” will appear. Click it, and it will expand. Use the “Customize” tab to select options, and then switch back to “Embed” and click “@import” under “Embed Font”. Copy the CSS between the <style> tags into your stylesheet.

    • 0