使用 CSS 自定义字体？

我见过一些在其网站上使用自定义字体的新网站（除了常规的 Arial、Tahoma 等）。

他们支持大量的浏览器。

如何做到这一点？同时，如果可能的话，还会阻止人们免费下载该字体。

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

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

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

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

(.classname是你的选择器）。

请注意，某些字体格式并不适用于所有浏览器；您可以使用fontsquirrel.com https://www.fontsquirrel.com/tools/webfont-generator的生成器以避免过多的转换工作。

您可以找到一组不错的免费网络字体，由谷歌字体 https://www.google.com/fonts（还有自动生成的 CSS@font-face规则，因此您不必编写自己的规则）。

同时还阻止人们免费下载字体（如果可能的话）

不，不可能使用通过 CSS 嵌入的自定义字体来设置文本样式，同时又阻止人们下载它。您需要使用图像、Flash 或HTML5 画布 https://en.wikipedia.org/wiki/Canvas_element，所有这些都不是很实用。