- CSS-Tricks

June 25, 2015 at 6:54 am #204170

Participant

i also tried the following

Created a new css for IE-9

added the following code in the html file

<!DOCTYPE html>
<!--[if IE 7]><html lang="en" class="ie7"><![endif]-->
<!--[if IE 8]><html lang="en" class="ie8"><![endif]-->
<!--[if IE 9]>
    <html lang="en" class="ie9">
    <link rel="stylesheet" type="text/css" href="css/style-ie9.css" />
    <link rel="stylesheet" type="text/css" href="css/header1-ie9.css" />
<![endif]-->
<!--[if gt IE 9]><!-->
<html lang="en"><!--<![endif]-->
<head>
<title>abc</title>
<!--Meta-->
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!--CSS Global Compulsory-->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/header1.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/style_responsive.css">
<link rel="shortcut icon" href="images/favicon.ico">

the normal css file has the following code

@font-face {
  font-family: 'Helvetica Neue';
  src: url('font/Helvetica/HelveticaNeue_Lt.ttf'); /* IE9 Compat Modes */
  src: url('font/Helvetica/HelveticaNeue_Lt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/Helvetica/HelveticaNeue_Lt.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/Helvetica/HelveticaNeue_Lt.eot')  format('truetype'), /* Safari, Android, iOS */
       url('font/Helvetica/HelveticaNeue_Lt.svg#svgFontName') format('svg'); /* Legacy iOS */
           font-weight: normal;
    font-style: normal;
}


    font-family:'Helvetica Neue',sans-serif;

the ie css file does not have any helvetica font code. Instead the elements on the file have the following:

    font-family: Arial,sans-serif;

Should this work properly.