Title: Please HELP! Multi-Browser Font Coding
Last modified: August 20, 2016

---

# Please HELP! Multi-Browser Font Coding

 *  [drab0436](https://wordpress.org/support/users/drab0436/)
 * (@drab0436)
 * [13 years, 11 months ago](https://wordpress.org/support/topic/please-help-multi-browser-font-coding/)
 * Hey Guys and Girls!
 * So, we were tyring to get snazzy and picked a .otf font. It works with safari
   and FF, but not IE. So then we tried a couple .eot fonts…same issue…It works 
   with safari and with the newest FF, but not with IE. IE is only picking up the
   basic fonts further back in the font family chain and not the custom ones early
   in the font family. Newbies 🙁 …Please help!
    …running the absolum theme, for
   what it matters.
 * Thanks in advance for any advice!!!
 * site> [http://www.drabtofabdesign.com](http://www.drabtofabdesign.com)
 * here’s the font coding we’ve generated:
 *     ```
       /* =Fonts
       -------------------------------------------------------------- */
       @font-face {
       	font-family: 'Pacifico';
       	src: url(Fonts/'Pacifico.eot');
       	src: url('Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
       	     url('Pacifico-webfont.woff') format('woff'),
       	     url('Pacifico-webfont.ttf') format('truetype')
       	     url('Pacifico-webfont.svg#LobsterTwo-Regular') format('svg');
       font-weight: normal;
       font-style: normal;
       }
       @font-face {
       	font-family: 'Lobster Two';
       	src: url(Fonts/'Lobster Two.otf');
       	src: url('Lobster Two-webfont.eot?#iefix') format('embedded-opentype'),
       	     url('Lobster Two-webfont.woff') format('woff'),
       	     url('Lobster Two-webfont.ttf') format('truetype')
       	     url('Lobster Two-webfont.svg#LobsterTwo-Regular') format('svg');
       font-weight: normal;
       font-style: normal;
       }
       @font-face {
       	font-family: 'Conv_SansitaOne';
       	src: url('fonts/SansitaOne.eot');
       	src: local('☺'), url('fonts/SansitaOne.woff') format('woff'), url('fonts/SansitaOne.ttf') format('truetype'), url('fonts/SansitaOne.svg') format('svg');
       	font-weight: normal;
       	font-style: normal;
       }
       body,
       input,
       textarea,
       .page-title span,
       .pingback a.url {
       	font-family: Lobster Two, Pacifico, SansitaOne, Cooper Black, Century Gothic, Helvetica, sans-serif;
       }
       ```
   

The topic ‘Please HELP! Multi-Browser Font Coding’ is closed to new replies.

## Tags

 * [.eot](https://wordpress.org/support/topic-tag/eot/)
 * [Custom Font](https://wordpress.org/support/topic-tag/custom-font/)
 * [Firefox](https://wordpress.org/support/topic-tag/firefox/)
 * [font face](https://wordpress.org/support/topic-tag/font-face/)
 * [ie](https://wordpress.org/support/topic-tag/ie/)
 * [otf](https://wordpress.org/support/topic-tag/otf/)
 * [Safari](https://wordpress.org/support/topic-tag/safari/)
 * [TTF](https://wordpress.org/support/topic-tag/ttf/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 0 replies
 * 1 participant
 * Last reply from: [drab0436](https://wordpress.org/support/users/drab0436/)
 * Last activity: [13 years, 11 months ago](https://wordpress.org/support/topic/please-help-multi-browser-font-coding/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics