Selecting the appropriate fonts is a crucial issue when designing a website. Unfortunately, there are only a few fonts that are supported by all browsers on all platforms (see Generic font families). Along with the generic fonts, there are a number of fonts that are supported by most of the browsers on most operation systems. These are the Web-safe fonts. If you use non-generic web-safe fonts, your website may appear differently to some of your visitors.
Luckily, all modern browsers support remote fonts. Thus you can use any fonts on your website, but you have to make sure to make the font description files available to your visitors.
Dottoro Theme and the Dottoro Theme Editor provide a solution.
You can upload fonts under Theme Options » Web Fonts on the theme admin panel you can then use on your website with the help of the Theme Editor's Font family settings dialog. The dialog also offers the fonts provided by Google Web Fonts.
| 1 | Navigate to the Theme Options » Web Fonts page in your WordPress admin panel. |
| 2 | Press the Add New Font button. |
| 3 | Set the name of the font. Use a unique name for each font, so you can identify it later in the Theme Editor. |
| 4 | For cross browser support, you have to upload your fonts in four formats: .ttf, .wolf, .eot and .svg. Creating font formats is the simplest with the font generator on fontsquirrel.com. |
| 5 | After creating your font formats, upload them to your theme with the appropriate buttons and click the 'Save Font' button. |
Under Theme Options » Web Fonts you can upload, edit and delete fonts as well.