Title: An @fontface problem
Last modified: August 20, 2016

---

# An @fontface problem

 *  [kingsmithstudio](https://wordpress.org/support/users/kingsmithstudio/)
 * (@kingsmithstudio)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/an-fontface-problem/)
 * So in my local environment (MAMP), I was able to work with @fontface and actually
   see the wonderful and exciting fonts I have chosen for my site.
 * Problem is that when I took it to the live version ([http://tiny-picture.com](http://tiny-picture.com)),
   the site tries to load it with the fonts to no avail. They default. I have tried
   several versions of links and nothing seems to work. Please tell me if you see
   something odd:
 * The CSS (which is at the very top of my style.css):
 *     ```
       @font-face {
           font-family:'forumregular';
           src: url('/fonts/forum-regular-webfont.eot');
           src: url('/fonts/forum-regular-webfont.eot?#iefix') format('embedded-opentype'),
                url('/fonts/forum-regular-webfont.woff') format('woff'),
                url('/fonts/forum-regular-webfont.ttf') format('truetype'),
                url('/fonts/forum-regular-webfont.svg#forumregular') format('svg');
           font-weight: normal;
           font-style: normal;
       }
   
       @font-face {
           font-family:'BevanRegular';
           src: url('/fonts/Bevan-webfont.eot');
           src: url('/fonts/Bevan-webfont.eot?#iefix') format('embedded-opentype'),
                url('/fonts/Bevan-webfont.woff') format('woff'),
                url('/fonts/Bevan-webfont.ttf') format('truetype'),
                url('/fonts/Bevan-webfont.svg#BevanRegular') format('svg');
           font-weight: normal;
           font-style: normal;
       }
       ```
   
 * I refer to it later in the css like this:
 *     ```
       #contactinfo{
       	font-family:'BevanRegular';
       	font-size: 11px;
       	padding-left: 45px;
       	padding-top: 10px;
       ```
   
 * I looked at my permissions, as someone else here mentioned, but mine seem fine.
 * Any thoughts?

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 8 months ago](https://wordpress.org/support/topic/an-fontface-problem/#post-3002501)
 * Use a more specific URL when referring fonts;
    E.g
 *     ```
       src: url('/wp-content/themes/yourTheme/fonts/Bevan....');
       ```
   
 * But make sure the directory URL is correct.
 *  Thread Starter [kingsmithstudio](https://wordpress.org/support/users/kingsmithstudio/)
 * (@kingsmithstudio)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/an-fontface-problem/#post-3002504)
 * Nope. I even put the whole url in…cleared the cache and it is still not working.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 8 months ago](https://wordpress.org/support/topic/an-fontface-problem/#post-3002505)
 * Can you link the page relevant to this problem?
 *  Thread Starter [kingsmithstudio](https://wordpress.org/support/users/kingsmithstudio/)
 * (@kingsmithstudio)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/an-fontface-problem/#post-3002507)
 * [http://tiny-picture.com](http://tiny-picture.com) It is the whole site. It seems
   to take a long time to load, but the fonts are not correct.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 8 months ago](https://wordpress.org/support/topic/an-fontface-problem/#post-3002511)
 * So where on which page is the HTML element, `#contactinfo` that you’re applying
   this font to?
 *  Thread Starter [kingsmithstudio](https://wordpress.org/support/users/kingsmithstudio/)
 * (@kingsmithstudio)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/an-fontface-problem/#post-3002520)
 * None of the fonts are working – that one is just an example.
 * On the right, “Tiny Picture Company” and on the left “Where we are, how to reach
   us, and let’s be social” (that’s the #contactinfo) are all supposed to be Bevan.
 * All the rest are supposed to be Forum.
 * Hope this makes sense.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 8 months ago](https://wordpress.org/support/topic/an-fontface-problem/#post-3002620)
 * What permissions does the fonts folder have?
 *  Thread Starter [kingsmithstudio](https://wordpress.org/support/users/kingsmithstudio/)
 * (@kingsmithstudio)
 * [13 years, 8 months ago](https://wordpress.org/support/topic/an-fontface-problem/#post-3002641)
 * The folder is rwx—r–(709). The images are rwx—xr–(755).

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘An @fontface problem’ is closed to new replies.

## Tags

 * [fontface](https://wordpress.org/support/topic-tag/fontface/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 8 replies
 * 2 participants
 * Last reply from: [kingsmithstudio](https://wordpress.org/support/users/kingsmithstudio/)
 * Last activity: [13 years, 8 months ago](https://wordpress.org/support/topic/an-fontface-problem/#post-3002641)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics