AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Webfont kit download7/29/2023 Note that individual digit styles can be cherry-picked using the cvXX features. Subs Subscript Disabled Enabled H 0123 (+)- H0123 (+)- X abcdefghijklmnopqrstuvwxyz XabcdefghijklmnopqrstuvwxyzĪn alternate style of digits. Sups Superscript Disabled Enabled X 0123 (+)- X0123 (+)- X abcdefghijklmnopqrstuvwxyz Xabcdefghijklmnopqrstuvwxyz Numr Numerators Disabled Enabled Hello 0123 Hello 0123ĭnom Denominators Disabled Enabled Hello 0123 Hello 0123 Disabled Enabled ¡¿What ?! ¡¿What?! ¿¡What !? ¿¡What!? This feature is usually disabled by default. dlig Discretionary ligaturesĪlternate style for a few chacters. This means that for instance enclosed glyphs works everywhere, not just in apps with correct combining character logic. Disabled Enabled Figure A ⃝ Figure A⃝ Figure # ⃞ Figure #⃞ Figure 3 ⃝ Figure 3⃝ Figure 3 ⃞ Figure 3⃞ Inter provides several custom made glyphs for compositions like A + enclosed-combining-circle. For example, Key Features would also work in cases when you want to change the font for a single instance of the Particle.If you're making a web thing, you can use the following HTML and CSS: You can also reference it in Span tags within text fields in the Gantry administrator. Once you have done this, you should now be able to reload the page and see your changes. Doing this will force Gantry to recompile the CSS including the changes you made in the custom.scss file. You need to Recompile CSS in the Styles administrative panel in the Gantry administrator. Because that font family is defined in the custom.scss file, it should pull the Bloody find and present it to the front end. Īs you can see, we set the h1 style to font-family: BloodyNormal. For example, if you wanted the title of a Particle to appear in the Bloody font, you would reference it in the Particle's Twig file. Once you have added the font to your theme's custom content directory, you can apply it to your site. Please ensure you download the Kit.Ĭreate your custom style sheet file, custom.scss, and add it to user/data/gantry5/themes/THEME_DIR/scss/.Īdd the following to the custom SCSS file: /* Adding Font BLOODY font-face('BloodyNormal', 'gantry-theme://fonts/BLOODY-webfont') įont-family: 'BloodyNormal',Helvetica,Arial,sans-serif In this example, we will explain how you can add the custom free font Bloody to your Gantry template.īloody is a free font that you can download at FontSquirrel. Here's a quick reference guide to the font weight numbers that are shown above in the Weight If you haven't already created one, you will need to do so by adding it to font-face('gaspar', 'gantry-theme://fonts/gaspar/gaspar_regular/gaspar-regular-webfont', font-face('gaspar-italic', 'gantry-theme://fonts/gaspar/gaspar_italic/gaspar-italic-webfont', font-face('gaspar-bold', 'gantry-theme://fonts/gaspar/gaspar_bold/gaspar-bold-webfont', font-face('gaspar-bolditalic', 'gantry-theme://fonts/gaspar/gaspar_bolditalic/gaspar-bolditalic-webfont', 700) Font Weights Add your font to your custom.scss file.
0 Comments
Read More
Leave a Reply. |