The numbers listed here are the font weight. fonts:ħ00italic: 'gantry-theme://fonts/gaspar/gaspar_bold/gaspar-bolditalic-webfont'ħ00: 'gantry-theme://fonts/gaspar/gaspar_bold/gaspar-bold-webfont'Ĥ00italic: 'gantry-theme://fonts/gaspar/gaspar_bold/gaspar-italic-webfont'Ĥ00: 'gantry-theme://fonts/gaspar/gaspar_bold/gaspar-regular-webfont' To add the Gaspar font, the fonts section of the YAML file will look like this. Using the Helium template as an example, this is what the theme.yaml file looks like by default.ĩ00italic: 'gantry-theme://fonts/raleway/raleway-blackitalic/raleway-blackitalic-webfont'ĩ00: 'gantry-theme://fonts/raleway/raleway-black/raleway-black-webfont'ħ00italic: 'gantry-theme://fonts/raleway/raleway-bold/raleway-bolditalic-webfont'ħ00: 'gantry-theme://fonts/raleway/raleway-bold/raleway-bold-webfont'Ħ00italic: 'gantry-theme://fonts/raleway/raleway-semibolditalic/raleway-semibolditalic-webfont'Ħ00: 'gantry-theme://fonts/raleway/raleway-semibold/raleway-semibold-webfont'ĥ00italic: 'gantry-theme://fonts/raleway/raleway-mediumitalic/raleway-mediumitalic-webfont'ĥ00: 'gantry-theme://fonts/raleway/raleway-medium/raleway-medium-webfont'Ĥ00italic: 'gantry-theme://fonts/raleway/raleway-italic/raleway-italic-webfont'Ĥ00: 'gantry-theme://fonts/raleway/raleway-regular/raleway-regular-webfont'Ģ00italic: 'gantry-theme://fonts/raleway/raleway-lightitalic/raleway-lightitalic-webfont'Ģ00: 'gantry-theme://fonts/raleway/raleway-light/raleway-light-webfont'ĩ00italic: 'gantry-theme://fonts/lato/lato-blackitalic/lato-blackitalic-webfont'ĩ00: 'gantry-theme://fonts/lato/lato-black/lato-black-webfont'ħ00italic: 'gantry-theme://fonts/lato/lato-bold/lato-bolditalic-webfont'ħ00: 'gantry-theme://fonts/lato/lato-bold/lato-bold-webfont'Ĥ00italic: 'gantry-theme://fonts/lato/lato-italic/lato-italic-webfont'Ĥ00: 'gantry-theme://fonts/lato/lato-regular/lato-regular-webfont'Ģ00italic: 'gantry-theme://fonts/lato/lato-lightitalic/lato-lightitalic-webfont'Ģ00: 'gantry-theme://fonts/lato/lato-light/lato-light-webfont' Once this is done, you can add your new font to the YAML in the fonts section. Next, add the local font files to TEMPLATE_DIR/custom/fonts/. For example, you can rename Gaspar Bold-webfont.woff to gaspar-bold-webfont.woff. This will further make your life easier as you reference these files in the YAML. Eliminating spaces, making everything lowercase, etc. You will also want to rename the subdirectories and files so they're web friendly.
This will make life easier for you in the next step as organizing multiple uploaded web fonts will be simpler. The first thing you will want to do is rename the Web Fonts subfolder in the web fonts directory to gaspar. Creating a Popup Login Widget (WordPress)īuilt with Grav - The Modern Flat File CMS.Creating a Popup Login Feature (Joomla).
How to Create a Child Theme (WordPress).How to Load CSS / SCSS / JS / HTML from Twig.