这是我的 html 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
pre,
code {
font-family: "JetBrains Mono";
font-size: 20px;
}
</style>
</head>
<body>
<h1>Test GitHub Pages</h1>
<pre><code>hello test</code></pre>
<h1>测试一段中文字体</h1>
</body>
</html>
因为不知道 ios 怎么访问本地的 html, 所以就放在 github 上了
可以看到, "hello test" 文本字体在手机端上的字体明显和 PC 端的不一样
因为手机端不支持 font-family: "JetBrains Mono";
能想到的一个原因是, 我这句代码, 引用的是Windows系统已经安装好的字体, 但是ios系统没有这个字体
那么问题来了, 我想把这个字体的源文件放到本地的 static 下, 在html中引用这个字体, 在push到github上,
这样在手机端应该就可以获取到我这个字体了, 但是应该如何实现?
我所知道的 html 外部只能引入 css 和 js, 如何引入字体文件呢?
如果这个方法行不通, 那么有么有其他的解决方案?
不止手机没有这个字体,大部分人的电脑也没有这个字体,所以其实在别人的电脑上,他们看到的效果也跟你不一样。
建议: