css - 不下载字体就使用 "Bliss Pro"字体

Question

我需要为产品标题使用字体“Bliss Pro”。但它不是标准的 Windows 字体。我试图搜索如何在我的网页中使用这种字体，但没有找到任何在线解决方案。

有什么方法可以在我的网页中使用/包含“Bliss Pro”字体而无需下载字体？

感谢您的帮助....

Answer 1

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

@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 Fonts 提供。 (还有自动生成的 CSS @font-face 规则，因此您不必自己编写)。

while also preventing people from having free access to download the font, if possible

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

希望对您有所帮助!

Source