提示:本站收集StackOverFlow近2千万问答，支持中英文搜索，鼠标放在语句上弹窗显示对应的参考中文或英文， 本站还提供 中文繁体 英文版本 中英对照 版本，有任何建议请联系yoyou2525@163.com。
我在 Github Pages 上托管的具有 namecheap 域的网站不允许 iOS 用户（尚未尝试过 android）查看字体。 我已经在带有 Safari 和 Chrome 的 iPhone 7 上的 iOS 14.3 上尝试过这个
我的 Windows 10 计算机上显示的字体是 Calibri，但在 iOS 上它显示为 Times New Roman（默认）
我的网站是http://joswinjohn.me ，
html 文件是https://raw.githubusercontent.com/joswinjohn/joswinjohn.github.io/master/index.html
css 文件是https://raw.githubusercontent.com/joswinjohn/joswinjohn.github.io/master/css/style.css
如果您需要其他任何东西，回购是https://github.com/joswinjohn/joswinjohn.github.io
如果我遗漏了什么，请告诉我！
您的 Windows 设备正在正确显示您的“Calibri”字体，因为该字体已安装在设备上。 要使用目标设备中未安装的字体，您需要包含字体文件本身并在您的 CSS 文件中引用它：
@font-face {
font-family: Calibri;
src: url("Calibri.ttf") format("truetype"), url("Calibri.otf") format("opentype"), url("Calibri.woff") format("woff"), url("Calibri.woff2") format("woff2");
}
在src您可以使用 1 个或多个url() 。 如果您使用多个，浏览器将使用第一个匹配项，或者它支持的第一个匹配项。 确保url()与您的字体文件的路径相匹配。
声明：本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.