我有一种非常不常见的字体,我想在网站上使用一些文字,而我的代码可以在我的电脑上运行,但不能在其他人处理。
我将字体文件上传到我的网站并添加了这个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
}
这可能不是正确的方法,或者可能没有一种简单的方法......但我想检查一下是否值得尝试渲染我的文字字体,或者只是去文本的图像,而不用担心字体的麻烦。
答案 0 :(得分:1)
在引号内移动fonts/
。目前,您的CSS字体声明将被忽略,因为它们无效。有效的外部指针具有以下格式之一:
url(source)
url("source")
url('source')
url(dir/'source')
击> 此外,如果您的字体仅用于少数情况,请考虑使用图像。很多浏览器会忽略自定义字体。
答案 1 :(得分:1)
改变这个:
fonts/'parisjetaime-webfont.eot'
对此:
'fonts/parisjetaime-webfont.eot'
这应该让你工作。
答案 2 :(得分:1)
看起来你已经有了“防弹语法”,这是一个很好的开始!
除了 Yaypaul 和 Rob W 所提及的更改之外,您可能还需要考虑使用Modernizr来检测不支持@的浏览器/设备FontFace或CSS3并以图像或标准字体的形式为这些浏览器创建后备。
Modernizer使用.no-fontface
类标记这些浏览器/设备。
答案 3 :(得分:1)
我通常使用fontsquirrel.com来查找要使用的酷字体。在fontsquirrel.com上,你可以点击字体并要求页面生成正确的css代码,以便在旅游网站上实现字体,就像你想要的那样。
我的建议是你从fontsquirrel中选择一个随机字体,生成正确的代码并使用jetaime字体重用那段css,看看是否能为你完成这项工作。如果可行的话,你可能在某个地方犯了一个小小的错误。