WordPress.org

Ready to get started?Download WordPress

Forums

Please HELP! Multi-Browser Font Coding (1 post)

  1. drab0436
    Member
    Posted 2 years ago #

    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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic