Question

我有一种非常不常见的字体，我想在网站上使用一些文字，而我的代码可以在我的电脑上运行，但不能在其他人处理。

我将字体文件上传到我的网站并添加了这个CSS：

  @font-face {
    font-family: 'ParisJeTAimeRegular';
    src: url(fonts/'parisjetaime-webfont.eot');
    src: url(fonts/'parisjetaime-webfont.eot?#iefix') format('eot'),
         url(fonts/'parisjetaime-webfont.woff') format('woff'),
         url(fonts/'parisjetaime-webfont.ttf') format('truetype'),
         url(fonts/'parisjetaime-webfont.svg#webfontysiEwOWy') format('svg');
    font-weight: normal;
    font-style: normal
  }

这可能不是正确的方法，或者可能没有一种简单的方法......但我想检查一下是否值得尝试渲染我的文字字体，或者只是去文本的图像，而不用担心字体的麻烦。

Answer 1

在引号内移动fonts/。目前，您的CSS字体声明将被忽略，因为它们无效。有效的外部指针具有以下格式之一：

url(source)
url("source")
url('source')
<击> url(dir/'source')

此外，如果您的字体仅用于少数情况，请考虑使用图像。很多浏览器会忽略自定义字体。

Answer 2

改变这个：

fonts/'parisjetaime-webfont.eot'

对此：

'fonts/parisjetaime-webfont.eot'

这应该让你工作。

Answer 3

看起来你已经有了“防弹语法”，这是一个很好的开始！

除了 Yaypaul 和 Rob W 所提及的更改之外，您可能还需要考虑使用Modernizr来检测不支持@的浏览器/设备FontFace或CSS3并以图像或标准字体的形式为这些浏览器创建后备。

Modernizer使用.no-fontface类标记这些浏览器/设备。

Answer 4

我通常使用fontsquirrel.com来查找要使用的酷字体。在fontsquirrel.com上，你可以点击字体并要求页面生成正确的css代码，以便在旅游网站上实现字体，就像你想要的那样。

我的建议是你从fontsquirrel中选择一个随机字体，生成正确的代码并使用jetaime字体重用那段css，看看是否能为你完成这项工作。如果可行的话，你可能在某个地方犯了一个小小的错误。

在没有为您的站点使用它们的计算机上显示不常见的字体

4 个答案: