1

我在网站上输入了一些字体：

@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 也支持它，但有一些小问题。如果您尝试使用鼠标左键打开新链接，一切都很好，字体使用良好，但如果您尝试使用 mouse3 按钮打开新链接，字体消失，将其更改为默认字体，它只发生在 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 的文件到 index.html 所在的主目录和检查这个你会在firefox上看到问题

所有文件应如下所示：

文件夹/index.html

文件夹/样式表.css

文件夹/wills.eot

文件夹/wills.svg

文件夹/wills.ttf

文件夹/wills.woff

文件夹/1/sub.html

4

0 回答 0