gpt4 book ai didi

css - 如何在 HTML5 中获取 Avenir Black 作为字体系列?

转载 作者:行者123 更新时间:2023-11-28 01:40:14 24 4
gpt4 key购买 nike

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

提前致谢!

<!DOCTYPE html>
<html>
<head>

</head>

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

</body>
</html>

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

最佳答案

正如 Evan Mosseri 所说,带空格的字体家族名称需要撇号,因此: <p style="font-family : 'Avenir Black' ; font-size : 54pt"> SAMPLE </p>但是,字体也必须安装在运行浏览器的计算机上,这对于一般的浏览器来说似乎不太可能,即使它安装在您的计算机上也是如此。

您可以 1) 放弃并使用类似 Arial Black 的字体,或 2) 使用图像,或 3) 查找并购买可下载的 Avenir Black 字体。对于后者,请尝试搜索“Avenir Black WOFF”。键入图像是一个坏主意™,出于多种原因最好不要管它,其中最重要的是可访问性。

这次它不会提供完整的解决方案,但每当 CSS 不起作用时,CSS 验证器就是您的 friend :http://jigsaw.w3.org/css-validator/

编辑添加:您应该始终在字体系列中使用替代列表,以通用字体名称之一结尾。所以,在你的情况下: font-family: 'Avenir Black', 'Arial Black', sans-serif;这样,如果运行浏览器的计算机上安装了 Avenir Black,就会使用它。如果没有,将使用 Arial Black。如果两者都不可用,您将获得一些 sans-serif 字体而不是默认字体。

Google 搜索“类似于 Avenir Black 的字体”会出现 Google 字体 Nunito:http://www.google.com/fonts/specimen/Nunito它是免费的,或者您可以花 30 美元购买真正的 Avenir Black。

关于css - 如何在 HTML5 中获取 Avenir Black 作为字体系列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26574969/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com