我需要为产品标题使用字体“Bliss Pro”。但它不是标准的 Windows 字体。 我试图搜索如何在我的网页中使用这种字体,但没有找到任何在线解决方案。
有什么方法可以在我的网页中使用/包含“Bliss Pro”字体而无需下载字体?
感谢您的帮助....
最佳答案
通常,您可以在 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 ,所有这些都不是很实用。
希望对您有所帮助!
关于css - 不下载字体就使用 "Bliss Pro"字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27305917/