Question

@import url("/fonts/stylesheet.css");
#header_container { background:#eee; height:60px; left:0; position:fixed; width:100%; top:0; }
#header{ line-height:60px; margin:0 auto; width:940px; text-align:left; font-family:'SansationRegular';}
#break { font-size:60px; }

@import转到：

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 15, 2013 12:18:14 PM America/New_York */

@font-face {
    font-family: 'SansationRegular';
    src: url('Sansation_Regular-webfont.eot');
    src: url('Sansation_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Sansation_Regular-webfont.woff') format('woff'),
         url('Sansation_Regular-webfont.ttf') format('truetype'),
         url('Sansation_Regular-webfont.svg#SansationRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

它不在网上，它目前只是生活在一个僻静的文件夹中。 IE9和Chrome 24拒绝将其显示为具有该字体集。标题HTML：

<!DOCTYPE html>
<html>
<head>
<link href="linkToCSS.css" rel="stylesheet"/>
<![if lt IE9]-->
<script src="html5shiv.js"></script>
<![endif]-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<title>Title</title>
<link rel="shortcut icon" href="/favicon.ico"/></head>

@fontface根本不起作用

0 个答案: