使用CSS使用自定义字体？

Question

我看到一些新网站在其网站上使用自定义字体（常规Arial，Tahoma等除外）。

并且它们支持大量的浏览器。

怎么做到的？同时，如果可能的话，还会阻止人们自由下载字体。

Answer 1

通常，您可以@font-face在CSS中使用自定义字体。这是一个非常基本的示例：

@font-face {
    font-family: 'YourFontName'; /*a name to be used later*/
    src: url('http://domain.com/fonts/font.ttf'); /*URL to font*/
}

然后，简单地在特定元素上使用字体：

.classname {
    font-family: 'YourFontName';
}

（.classname是您的选择器）。

请注意，某些字体格式并非在所有浏览器上都有效；您可以使用fontsquirrel.com的生成器来避免过多的工作量。

您可以找[Google字体提供的一组不错的免费网络字体（还具有自动生成的CSS@font-face规则，因此您不必自己编写）。

同时还会阻止人们自由访问字体（如果可能）

不会，无法通过CSS嵌入自定义字体来为文本设置样式，同时阻止人们下载文本。您需要使用图像，Flash或HTML5Canvas，但它们都不是很实用。

希望对您有所帮助！