#Raleway webfont kit how to

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).

#Raleway webfont kit how to

How to Create a Child Theme (WordPress).How to Load CSS / SCSS / JS / HTML from Twig.

Creating a Multilingual Site (WordPress).