在 Chrome 中为 Android 获取可用字体的位置
Where to get Fonts available in Chrome for Android
目前我在我的网站上使用的字体适用于 Chrome for Windows 但这些字体不适用于 Chrome for Android.
我想使用的字体是 Haettenschweiler 和 Impact 但 Chrome 浏览器 Android 可以没有这些字体。而是显示普通 Arial 字体。
要解决此问题,最好找出 Chrome 和 Android 所支持的确切字体,然后从中获取信息。我无法找到有关 Chrome 支持的字体的任何信息。 Chrome Android 支持哪些字体?
Haettenschweiler 未包含在 Chrome 中,它可能在您的文件系统中,这就是您可以看到它的原因。浏览器可以使用您系统中使用的字体或自定义提供的字体;我们称之为 web font-kits
.
使用Haettenschweiler 您需要购买webfont 套件才能使用。你可以找到它 here.
您可以在 Google fonts and Font squirrel 等网站中找到多个网站 font-kits。
这些字体可能适用于您的 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 */
}
目前我在我的网站上使用的字体适用于 Chrome for Windows 但这些字体不适用于 Chrome for Android.
我想使用的字体是 Haettenschweiler 和 Impact 但 Chrome 浏览器 Android 可以没有这些字体。而是显示普通 Arial 字体。
要解决此问题,最好找出 Chrome 和 Android 所支持的确切字体,然后从中获取信息。我无法找到有关 Chrome 支持的字体的任何信息。 Chrome Android 支持哪些字体?
Haettenschweiler 未包含在 Chrome 中,它可能在您的文件系统中,这就是您可以看到它的原因。浏览器可以使用您系统中使用的字体或自定义提供的字体;我们称之为 web font-kits
.
使用Haettenschweiler 您需要购买webfont 套件才能使用。你可以找到它 here.
您可以在 Google fonts and Font squirrel 等网站中找到多个网站 font-kits。
这些字体可能适用于您的 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 */
}