Can't load locally hosted fonts using the D6 Google Webfont Loader API module

by Liam Arbel   Last Updated June 26, 2017 11:07 AM

I am trying to work out how to load locally hosted fonts using the Drupal 6 Google Webfont Loader API module.

Let's take as an example the Abraham font. It's package consists of 3 files: Abraham-Regular.eot, Abraham-Regular.woff and Abraham-Regular.ttf.

  1. I installed and enabled the Google Webfont Loader API module.
  2. I created a folder called 'fonts' inside my module's folder, and in it another folder called Abraham. In it are the 3 font files described above and 2 more files: Abraham.fontinfo and stylesheet.css.

  3. Here is the content of Abraham.fontinfo:

    name = "Abraham"
    custom_families[] = 'Abraham-Regular'
    custom_style_css[] = stylesheet.css
    

and stylesheet.css:

@font-face {
  font-family: 'Abraham-Regular';
  src: url('Abraham-Regular.eot');
  src: local('☺'), url('src: url('Abraham-Regular.woff') format('woff'),url('Abraham-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;

I can confirm that Abraham is in the dropdown list on the module's admin page:

admin/build/themes/manage/google_webfont_loader_api

So the module does recognize Abraham.fontinfo.

Yet, when I try to use Abraham in a css font-family declaration the browser moves on to the next font. The name of the Abraham font on FireBug is ligt gray. The next font in the font-family declaration (the one being used instead) appears blue.

Tags : 6 fonts


Related Questions


Flexslider change caption style

Updated April 12, 2015 20:03 PM



Writings on the website is looking very large

Updated June 03, 2016 08:03 AM

is it possible to render fontawsome automaticlly?

Updated April 28, 2015 21:03 PM