gpt4 book ai didi

android - 从哪里获取 Chrome for Android 中可用的字体

转载 作者:太空宇宙 更新时间:2023-11-04 00:48:17 29 4
gpt4 key购买 nike

目前,我在我的网站上使用适用于 Windows 版 Chrome 的字体,但这些字体不适用于 Android 版 Chrome。

我想使用的字体是 HaettenschweilerImpact 但 Android 版 Chrome 浏览器没有这些字体。而是显示普通的 Arial 字体。

要解决此问题,最好找出 Android 版 Chrome 支持的字体并从中获取信息。我无法找到有关 Chrome 支持哪些字体的任何信息。 Android 版 Chrome 支持哪些字体?

最佳答案

这些字体可能在您的 Windows 上工作,因为您的计算机上安装了它们。要支持每个人(以及您的其他设备)的自定义字体,您必须将它们加载到您的网站中。
您提供的字体是许可字体,据我所知,这些字体需要您付费才能合法使用。所以对于我的示例,我将使用 Roboto .

请记住,加载字体后,您仍然需要在您的 css 中应用它们:

body {
font-family: 'Roboto', sans-serif;
}

外部字体

外部字体是托管在外部网站上的字体,由您自己导入。寻找免费外部字体的好地方是 Google Fonts .
导入外部字体有两种方法。

您可以像这样将其导入 HTML 的头部:

<head>
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>

或者在你的 CSS 中使用 import 像这样:

@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

内部字体

内部字体由您自己托管。您必须在网站上托管字体文件,并使用 font-face 规则加载它们,如下所示:

@font-face {
font-family: 'Roboto';
src: url('roboto.eot'); /* IE9 Compat Modes */
src: url('roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('roboto.woff') format('woff'), /* Modern Browsers */
url('roboto.ttf') format('truetype'), /* Safari, Android, iOS */
url('roboto.svg#svgFontName') format('svg'); /* Legacy iOS */
}

关于android - 从哪里获取 Chrome for Android 中可用的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56580409/

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