Question

因此尝试将自定义的@ font-face字体添加到我的asp.net项目中。搞定了Chrome浏览器...

@font-face
{
font-family: "Century Gothic";
src: url('GOTHIC.TTF'),
}

body {
background-color: #fff;
border-top: solid 10px #000;
color: #333;
font-size: .85em;
font-family: "Century Gothic", Segoe UI, Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
}

但需要其他人的帮助....（这是我的尝试）......但是没有工作：

@font-face
{
font-family: "Century Gothic";
    src: url('../GOTHIC.eot');
    src: url('../GOTHIC.eot?#iefix') format('embedded-opentype'),
        url('../GOTHIC.woff') format('woff'),
        url('../GOTHIC.ttf') format('truetype'),
        url('../GOTHIC.svg#URWClassicoItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

也不确定我是否需要.eot，.woff等扩展程序。我只添加了

GOTHIC.TTF
GOTHICB.TTF
GOTHICBI.TTF
GOTHICI.TTF to my prjoect.

来自：

http://stackoverflow.com/questions/8115302/font-face-not-working-even-after-trying-everything-i-could-think-of?rq=1

http://stackoverflow.com/questions/6238737/font-face-with-embedded-font-does-not-work?rq=1

http://stackoverflow.com/questions/20659571/adding-a-custom-font-to-vs-2010-fontface

Answer 1

你需要eot，woff等文件扩展名 - IE678不支持TTF格式，只支持EOT

Answer 2

我认为问题在于跨域使用字体。

因此，即使您看到域名指向系统的同一位置，启动“http://stackoverflow.com/questions/8115302/font-face-not-working-even-after-trying-everything-i-could-think-of?rq=1”的网址也会被视为与“http://www.stackoverflow.com/questions/8115302/font-face-not-working-even-after-trying-everything-i-could-think-of?rq=1”不同的域。

您需要切换到相对网址才能摆脱问题

您还可以查看 Cross domain workaround for @font-face and Firefox ，这对您有帮助。

@ font-face不适用于IE，但是正在使用chrome？

2 个答案: