Support » How-To and Troubleshooting » Header font not working in Firefox or IE

Header font not working in Firefox or IE

  • @font-face {
      font-family: 'matrix';
      src: 	url('../fonts/matriiibol-071211005EmigreWebOnly.eot');
      src: 	url('../fonts/matriiibol-071211005EmigreWebOnly.eot?#iefix') format('embedded-opentype'),
      			url('../fonts/matriiibol-071211005EmigreWebOnly.woff') format('woff')

    There’s my font-face and here’s the only place this font is called:

    div#nav li a {
    	color: #121212;
    	display: block;
    	font: 400 1.1em/64px "matrix", serif;
    	letter-spacing: .1em;
    	height: 60px;
    	overflow: hidden;
    	text-align: center;
    	text-decoration: none;
    	text-transform: uppercase;

    Any suggestions as to why it’s not working in IE or Firefox but it is working in Chrome and Safari?



  • The topic ‘Header font not working in Firefox or IE’ is closed to new replies.