1

我必须在其中一个网页上使用自定义字体。我在我的 CSS 中使用 @font-face。

现在，我不确定，但我认为要使其正常工作，字体应该与网页位于同一服务器上。这是正确的吗？我尝试过使用不同的服务器，但它不起作用。因此，我不确定是否有遗漏的内容或其他服务器托管字体不起作用。

如果可行，那么是否就像在 t @font-face 的 url 部分中提及完整的 URL 一样简单？还是我需要做更多的事情？有什么限制？我知道在 IE .eot 字体中有效。

谢谢。

4

2 回答 2

0

您以前听说过 Google 字体吗？

http://www.google.com/fonts/

这是将自定义字体从其他服务器（在本例中为 Google 的服务器）导入您的网站的最简单方法。

选择您的字体并在您的网页上添加此代码

<link href='http://fonts.googleapis.com/css?family=Days+One' rel='stylesheet' type='text/css'>

如果我跟踪网址，它将显示此详细信息

@font-face {
  font-family: 'Days One';
  font-style: normal;
  font-weight: 400;
  src: local('Days One'), local('DaysOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/daysone/v3/yfpXiXt9Xp5H97keqlB0t_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

希望这可以帮助 ：）

于 2013-05-28T17:14:03.780 回答
0

是的，您可以使用位于另一台服务器上的字体。

一个例子

@font-face 
{
    font-family: 'EndzoneSansLight';
    src: url('//:') format('no404'),
        url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.eot?#iefix') format('eot'),
        url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.woff') format('woff'),
        url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.ttf') format('truetype'),
        url('http://i.nflcdn.com/static/site/4.0/img/fonts/endzone-sans/light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

这是一个小提琴

于 2013-05-28T17:08:52.187 回答