How to import Google Web Font in CSS file?

Use the @import method: 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 … Read more