-1

我已经在我的网站上尝试过这段代码。

<style type="text/css">


@font-face {
    font-family: Eurostyle;
    src: url(http://www.theamazingmonth.pusku.com/eurostyle.ttf);
    font-weight:700;
}

euro {
    font-family: Eurostyle, Helvetica, Arial, sans-serif;
    font-size: 24px;
}

@font-face {
    font-family: Ebrima;
    src: url(http://www.theamazingmonth.pusku.com/ebrima.ttf);
    font-weight:700;
}

ebrima {
    font-family: Ebrima;
    font-size: 15px;
}

但它似乎无法正常工作！我使用 Dreamweaver 实时测试我的代码。在 dreamwever 上它可以工作，但在 Chrome 上却不行！可能是什么问题呢？您可以在 theamazingmonth.pusku.com 上查看该网站。

提前致谢！

4

4 回答 4

1

似乎您正在尝试创建自己的元素。没有<euro>or之类的东西<ebrima>。您要做的是创建一个类，从而添加一个点，您的规则最终将如下所示：

.ebrima {
    font-family: Ebrima;
    font-size: 15px;
}

在您想要 Ebrima 字体的元素上，您将添加class="ebrima"而不是用 imaginary element 包装它们<ebrima>。

于 2013-04-27T08:49:15.117 回答
0

无论如何，这在 IE<10（可能）中不起作用。您应该使用字体生成器，例如http://www.fontsquirrel.com/tools/webfont-generator

我的字体语法：

@font-face {
    font-family: 'Eurostyle';
    font-style: normal;
    font-weight: 400;
    src: url('[PATH_TO]/Eurostyle.eot');
    src: url('[PATH_TO]/Eurostyle.eot?#iefix') format('embedded-opentype'),
         url('[PATH_TO]/Eurostyle.woff') format('woff'),
     url('[PATH_TO]/Eurostyle.ttf')  format('truetype'),
     url('[PATH_TO]/Eurostyle.svg#[FONT_ID]') format('svg');
}

检查这个：http ://caniuse.com/fontface

于 2013-04-27T09:10:59.353 回答
0

您需要为您希望指定字体的元素添加类。

@font-face {
    font-family: Eurostyle;
    src: url(http://www.theamazingmonth.pusku.com/eurostyle.ttf);
    font-weight:700;
}

.euro {
    font-family: Eurostyle;
    font-size: 24px;
}

@font-face {
    font-family: Ebrima;
    src: url(http://www.theamazingmonth.pusku.com/ebrima.ttf);
    font-weight:700;
}
.ebrima {
    font-family: Ebrima;
    font-size: 24px;
}

<div class="euro">EURO FONT 1234</div>
<div class="ebrima">EBRIMA FONT 1234</div>
于 2013-04-27T09:13:22.260 回答
0

除了其他问题之外，http://www.theamazingmonth.pusku.com/eurostyle.ttf上的字体已损坏，正如您尝试使用 FontSquirrel 转换它所看到的那样（如果您打算在web – 并非所有浏览器都支持 .ttf 字体）。它似乎缺少将字符代码位置映射到字形的索引。请联系字体的作者或供应商，或使用其他字体。

于 2013-04-27T11:06:28.573 回答