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

标签 css fonts

我需要为产品标题使用字体“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 ,所有这些都不是很实用。

希望对您有所帮助!

Source

关于css - 不下载字体就使用 "Bliss Pro"字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27305917/

相关文章:

html - 消除默认的 HTML 复选框,用 CSS 代替

html - 尽管我已经添加了过渡线,但为什么过渡不起作用?

html - 如何在一组容器中调整不同大小的图像大小 | CSS

javascript - 如果输入的值在angularJS中不为空,如何更改输入的CSS

python - 未找到 matplotlib 字体

html - 为什么本网站的 Chrome 中字体样式粗体未正确应用

html - 自定义复选框在选中时会轻微移动

java - Swing 字体名称不匹配? (制作字体选择器,并尝试在 JComboBox 中显示默认系统字体)

ios应用可以根据需要下载以下字体

ios - OpenType字体无法在iOS上正确呈现