Support » Fixing WordPress » 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

    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.