如何获取Avenir Black作为HTML5中的字体系列？

我目前正在用HTML5编写一个网页，试图将Avenir Black作为一个文本块的字体。但是，似乎每次将其定义为字体系列时，它都不起作用，而是显示默认字体。现在我不想修改CSS文件，因为它只能用于一个文本块......有什么问题？如何获取Avenir Black作为HTML5中的字体系列？

提前致谢！

<!DOCTYPE html> 
<html> 
    <head> 

    </head> 

    <body> 
    <p style="font-family : Avenir Black ; font-size : 54pt"> SAMPLE </p> 

    </body> 
</html>

显示器http://imgur.com/QlUaXTd。

来源

2014-10-26 Jeremy

“仅适用于一个文本块”不是使用内联样式的正当理由...... – JJJ 2014-10-26 16:12:08

尝试FONT-FAMILY：“艾文莉黑”，但你可能需要一字型声明

来源

2014-10-26 16:07:12

是的，您需要引用其中包含空格的名称！ – loveNoHate 2014-10-26 16:09:16

字体家族名称用空格需要单引号时，埃文Mosseri说，这样： <p style="font-family : 'Avenir Black' ; font-size : 54pt"> SAMPLE </p> 然而，字体也必须安装在运行浏览器的计算机上，即使浏览器安装在计算机上，该浏览器也不太可能用于浏览器。

你可以1）放弃并使用类似Arial Black的东西，或2）使用图像，或3）查找并购买可下载的Avenir Black字体。对于后者，请尝试搜索“Avenir Black WOFF”。以图片形式输入是一个糟糕的主意™，由于多种原因，最好单独留下，其中最重要的是无障碍功能。

它不会提供一个完整的解决方案这段时间，但每当CSS不起作用，CSS验证器是你的朋友：http://jigsaw.w3.org/css-validator/

编辑补充：你应该总是使用FONT-FAMILY替代列表以一种通用字体名称结尾。因此，在你的情况下： font-family: 'Avenir Black', 'Arial Black', sans-serif; 这样，如果Avenir黑色安装在运行浏览器的计算机上，它将被使用。如果不是，Arial Black将被使用。如果两者都不可用，则将获得某些 sans-serif字体，而不是默认字体。

谷歌搜索“类似于Avenir Black的字体”会出现谷歌字体Nunito：http://www.google.com/fonts/specimen/Nunito它是免费的，或者您可以以30美元的价格购买真正的Avenir黑色。

来源

2014-10-26 16:13:28

谢谢！我非常确定字体已经安装，因为我已经在Word中找到了它，但是在字体书中看来，它似乎不是......感谢帮助他的第一个站点的初学者！ – Jeremy 2014-10-26 16:53:01

即使它在您的计算机上，它也必须在每个查看该网站的人的计算机上。如果没有，他们会得到默认字体，可能是Times New Roman。如果你真的需要这个，请尝试搜索“WOFF”，然后搜索“Avenir Black WOFF”。 – 2014-10-26 16:55:55

如何获取Avenir Black作为HTML5中的字体系列？

回答

相关问题