使用用户尚未安装的自定义字体

时间:2012-06-06 15:34:02

标签: javascript html css

  

可能重复:
  How to use web-fonts legally?
  Using a custom (ttf) font in CSS

只是一个简单的 - 想知道我是否说,找到一个好用的字体,用户可能不会安装,有没有一种方法我可以使用它而不用它安装在用户计算机上?我是说没有把它变成图像?

4 个答案:

答案 0 :(得分:6)

您需要使用CSS's @font-face

答案 1 :(得分:3)

是的,您可以使用CSS3 @ font-face。您必须以特殊格式上传服务器内的字体文件。确保字体的许可证允许这样做。

您可以在http://www.fontsquirrel.com/上找到可供选择的免费字体,它还为CSS属性提供生成器,并将字体文件转换为所需的格式。

答案 2 :(得分:2)

在CSS中使用以下内容。您需要将.ttf转换为.eot才能正常使用IE。

@font-face { 
   font-family: "SFSpeedway"; 
    /* IE */
    src: url(./fonts/fontname.eot');
    /* IE */

    /* Not IE */
    src: local("SF Speedwaystar Condensed"), url(./fonts/fontname.ttf');
    format("truetype");
    /* Not IE */
}

答案 3 :(得分:0)

如果字体可用,您可以使用css的@ font-face - 请记住,使用它会影响您的页面加载时间,这也会影响慢速(移动)连接的性能。

否则使用后备字体会更安全:

font-family: helvetica neue, arial, serif;

你也可以看看cufon,但我个人不喜欢它