If you do not have the web format for your font, then you can convert it using the FontSquirrel Webfont generator. This method allows you to use any font that you like on your website.įirst thing you need to do is download the font that you like in a web format.

Can you let me know where is the Royal Stylesheet to add the code below?Īdding Custom Fonts in WordPress Using CSS3 most direct way of adding custom fonts in WordPress is by adding the fonts using CSS3 method. Again, no code required! You can check our article on how to use the Custom Fonts plugin and follow simple step-by-step instructions.I want to go with the option below. After installing it, you can upload your font file from the WordPress backend and see it available in the Customizer options. If you have a custom font file that you would like to use for your website, you can use our free “ Custom Fonts” plugin. Once installed, just enter your unique Kit ID and it will automatically list all the fonts from your Typekit account to theme customizer options for you to select. To use a font from Typekit with Astra theme, we have built a free plugin called “ Custom Typekit Fonts“. Typekit is another directory that offers free as well as premium fonts. If there is a Google Font that you can’t find in the options, probably the font is very new and it will be included with the next update of the Astra theme. At the time of writing this article, it offers 848 font families and Astra has all of them built-in.īefore releasing each update of Astra, our build process automatically checks all Google Fonts and lists them in Customizer options.

Google Fonts is the largest directory of free and open source web fonts. Whereas it also offers the option of the System fonts below: Halvetica, Verdana, Arial, Times, Gorgia, Courier Google Fonts Apple System, Blink Mac SystemFont, Segoe UI, Roboto, Oxygen Sans, Ubuntu, Cantarell, Helvetica Neue, Sans Serif For this, in cutsomizer “Inherit” option should be selected. As System fonts are installed and available on user’s computers, they don’t rely on third-party services and load fast.ĭepending on the user’s device and operating system, the theme loads one of the fonts from the list below. System Fonts Typography options in the customizer.Īstra, out of the box uses System Fonts. In this article, let’s see what are the options for fonts in Astra. So Astra offers various typography controls and options for fonts. Typography is probably the most important aspect of a well designed, UX focused website.

Font inherit download