我在网站上输入了一些字体:
@font-face {
font-family: 'willamette_sfregular';
src: url('wills.eot');
src: url('wills.eot?#iefix') format('embedded-opentype'),
url('wills.woff') format('woff'),
url('wills.ttf') format('truetype'),
url('wills.svg#willamette_sfregular') format('svg');
font-weight: normal;
font-style: normal;
}
在浏览器IE9,10,Chrome,Safari,Opera中它运行良好,Firefox也支持它,但有一些小问题。如果您尝试打开新链接只需用鼠标左键单击就可以了,字体使用得很好但是如果您尝试使用鼠标3按钮打开新链接字体消失将其更改为默认字体,则仅在Firefox浏览器中发生(干净,没有任何补充) 这里链接到示例 - http://www.mediafire.com/download/k7sc10h47qdadmm/fonts.rar
当您使用mouse3按钮打开sub.html时,字体更改为默认值,但是当您单击index.html并返回mouse3字体时。我这样理解 - 只有当字体与html文件保持在同一目录时它才能在firefox上运行,但是当你使用链接到css文件<link rel="stylesheet" href="../stylesheet.css" type="text/css" charset="utf-8" />
的sub.html时,它会在mouse3点击它时将字体更改为默认值。无法想象如何解决它
我会尝试在jsFiddle上制作一些代码,但要看到你接下来应该做的问题:创建任何文件夹,然后放入index.html文件和stylesheet.css文件,其中包含这样的代码 - http://jsfiddle.net/YtHAd/ 。然后创建新文件夹,放置index.html和styleshee.css,命名文件夹“1”,并放置文件夹sub.html,其中包含如下代码 - http://jsfiddle.net/YtHAd/1/。你可以在这里得到的字体 - http://www.mediafire.com/download/1ok85zsrs41kgim/WILLS.TTF。获取字体并将其转换为此处 - http://www.fontsquirrel.com/tools/webfont-generator并获取具有扩展名.eot .svg .ttf .woff的生成字段到indexr所在的主目录并检查这个你会在firefox上看到问题
所有文件应如下所示:
文件夹/ index.html中
文件夹/ stylesheet.css中
文件夹/ wills.eot
文件夹/ wills.svg
文件夹/ wills.ttf
文件夹/ wills.woff
文件夹/ 1 / sub.html