![]() Now click on save applied fonts.Īfter assigning a new font to the desired tags, you can see the font reflection while loading the page. Once you save the setting, Font tab will start listing up Enabled Fonts.īy CSS Selector: This tab lists HTML tag where admin can individually assign a font to each tag. Select the checkbox and save the setting. Now under enable fonts tab that has three sub-tabs, namely:īy Font: This tab allows you to add CSS selector class.When you will submit the font, it will reflect on.Now upload your choice of Font file like EOT/TTF/ WOFF/ SVG and click on confirm button.Note: While adding a new font to the site, admin can provide basic information like font name, style of the font (Normal, Italic, Oblique), CSS font weight (Normal, bold, Bolder, lighter, 100, 200, 300, ….900). Import Local Font quick tab having Font information fieldset with multiple font type upload option.Select the ‘Load fonts in all themes, including themes’ checkbox Load fonts in all themes, including admin themes.Here Providers display enabled font count, Advanced provides a checkbox (see below) and Preview holds sample text to be displayed while previewing enabled font. Now under General quick tab, you can see three different options: Providers, Advanced and Preview.Click on Configure button, it will redirect you to.Go for the normal installation as we do for all contributed module. ![]() Let’s start by enabling the contributed module. Below is the list of the browser that supports Font format type. ![]() Here format should be EOT(embedded opentype) or TTF (truetype fonts) or WOFF (Web open font format), SVG (Scalable vector Graphics font format). Prerequisites: Font file is required to enable Font. With this module, admin can also add module through CSS selector and enable font for the sub-theme. The reason behind choosing font-your-face module is that it offers admin interface to manage and apply new fonts. Note that there are many other lightweight modules available in community, such as After doing little research I came across a font-your-face module that turned out to be a life savior for me. Solution: Here I am going to share the same solution that I applied to the above-mentioned issue. At that point of time, the only values that were present on Firebug to debug was -webkit-body, -webkit-pictograph, cursive, fantasy, inherit, initial, monospace, sans-serif, serif and Unset. However, I was not cognizant of the font availability that it is equally important to render content with new fonts. Here, I am going to discuss how you can enable ‘Benton-sans Regular’ font seamlessly using Drupal font-your-face module.Įarlier, I thought of writing a custom CSS for all the basic usable tags like, and by adding a font attribute ‘Font-family’. No issues! If you facing similar difficulties. Initially, I thought it would be an easy task and can be done easily. A couple of weeks back, I have been assigned a task where the requirement was to enable ‘ Benton-sans Regular’ font throughout the site. This blog will walk you through one the contributed module in Drupal community that has been a heave of sigh for me whenever I was in trouble for web building activity.
0 Comments
Leave a Reply. |