Dottoro Theme Documentation

Tutorial to get your theme to work

PrologueFirst StepsFront PageCreating a custom front pageBlog, News and Portfolio post typesPost Type specific settingsGeneral settingsSingle post settingsCategory / Tag / Date archive page settingsPermalink settingsOptions on single post pagesGeneral page optionsImage optionsGallery settingsPage Templates and PagesPage SettingsPage TemplatesPages created from page templatesGeneral page settingsGallery settingsBlog page settingsNews page settingsPortfolio and Imagefolio page settingsContact page settingsArchives page settingsAuthors page settingsBoomarks page settingsSitemap page settingsSpecial pagesCategory and tag page settingsArchive and date page settingsSearch page settingsAuthor page settings404 page settingsHeader and MenuSubheadersSubheader specific shortcodesPredefined SubheadersCreating SubheadersAssigning subheaders to pagesFooterWidgets in the FooterCopyright and other notices in the FooterSidebarWidgets on the SidebarWidth and alignment of the sidebarWidget AreasWidgetsBreadcrumbShortcodesShortcodes In Alphabetical OrderShortcodes By CategoriesNested ShortcodesPost TemplatesOverlaysMedia and External MediaOverview of galleries, gallery listings and slideshowsGalleries and Gallery ListingsAbout Galleries In GeneralCreating And Managing Galleries[gallery_list] shortcodeSlideshows and Popup SlideshowsSlideshowsPopup SlideshowsSlideshow SettingsMost Often Used Slideshow OptionsAll Slideshow OptionsSlideshow Templates - Slideshow Specific ShortcodesStyling Guide For SlideshowsStyling Of Slideshow and Post TemplatesSlidesPopupsSelectorsWeb FontsGeneral Theme SettingsUser RolesExport / Import SettingsCreating theme designsLocalizationHeadingsChild ThemesCSS ClassesResponsive DesignCSS Extension JavaScript ToolkitJavaScript LibraryAction HooksFilter HooksCompatibility Issues
<

21. Web Fonts

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.

How to add fonts to your theme:
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.

Please Note: If you don't upload the font in all required file formats, we cannot guarantee that your page contents will look the same in all major browsers.