Upgrade Your Drupal Skills

We trained 1,000+ Drupal Developers over the last decade.

See Advanced Courses NAH, I know Enough

Font your face in Drupal 7 with Sweaver configured

@Font-your-face in Drupal 7 provides thousands of fonts to the stylist and end-users with a clean administrative panel.

for the video inclined there is a ~2 minute walk through here https://www.youtube.com/watch?v=DndK-izVnE4

Getting there – after installing click on the “Appearance” menu item and look for Font your face on the top righ

Font your face

Once you’ve gotten in to the font section you will need to enable some fonts… plenty of buttons to click…

enable some fonts...

enable some fonts…

Now that your fonts have been enabled it is time to assign them to parts of your site… the CSS selector tool allows you to provide default fonts for HTML variables like H1, H2, node body regions, and of course … the “Other” css selector. Almost any part of the site can be “fonted” from this dashboard.

Applying fonts to HTML and CSS styles

Applying fonts to HTML and CSS styles

If you are using Sweaver for front end CSS styling you can enable the Font Face plugin in the settings, and all of your new fonts become available in the front end for selective front end styling.

Front end styling in sweaver

Front end styling in sweaver

Author: 
Original Post: 

About Drupal Sun

Drupal Sun is an Evolving Web project. It allows you to:

  • Do full-text search on all the articles in Drupal Planet (thanks to Apache Solr)
  • Facet based on tags, author, or feed
  • Flip through articles quickly (with j/k or arrow keys) to find what you're interested in
  • View the entire article text inline, or in the context of the site where it was created

See the blog post at Evolving Web

Evolving Web