小编典典

使用 CSS 使用自定义字体?

all

我看到一些新网站在他们的网站上使用自定义字体(除了常规的 Arial、Tahoma 等)。

他们支持大量的浏览器。

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


阅读 101

收藏
2022-07-14

共1个答案

小编典典

@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的生成器来避免过多的转换工作。

您可以找到Google Fonts提供的一组不错的免费网络字体(也有自动生成的 CSS@font-face规则,因此您不必自己编写)。

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

不,不可能使用通过 CSS 嵌入的自定义字体来设置文本样式,同时阻止人们下载它。您需要使用图像、Flash 或HTML5 Canvas,所有这些都不是很实用。

2022-07-14