Drupal – Customize Fonts in Drupal

If you find the fonts of your Drupal site quite boring. The @font-your-face module could make the text of your Drupal site more fun. Before proceeding, it would be great if your PHP is already enabled with the zip extension. but no worry if you doesn’t have the zip extension. We can still complete it without any problem.

Download and enable module with those free fonts.


Now you can add new fonts through the @font-your-face tab @ Adminster –> Site building –> Themes.


So now you should be able to use the new font through css file or add it directly in the font setting page. Say, i want to modify the site title font. Let’s find its class name first.


The class is #wrapper #header #logo-floater h1 span. So we can move on to add a new font. Unfortunately, if you PHP does not have a zip extension installed. you may not able to extracted the downloaded font just what i got below.


It seems that we got stuck here. but if PHP cannot unzip, why don’t we do it by ourselves. Just go to the downloaded path and unzip it.


Add the font again add add our css class to it.


Since the BPDots font can doesn’t show the dot well, the following snapshot is token for Angelina font.


Done =)

Reference: Drupal Module – @font-your-face

One thought on “Drupal – Customize Fonts in Drupal”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.