繁体   English   中英

我网站上的字体没有显示在 iOS 上

Fonts from my website don't show up on iOS

提示:本站收集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

如果我遗漏了什么,请告诉我!

1 个回复

您的 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()与您的字体文件的路径相匹配。

1 如何让我的字体显示在我的网站上?

所以我对编程真的很陌生,这个网站的东西让我不知所措,但我不明白为什么我的文本没有以自定义字体显示。 它显示白色斜体文本,但我无法使字体正常工作。 谢谢你的帮助! ...

2 在网站上显示字体

设置:我目前正在通过Flash / Actionscript使用getFontList()来获取用户本地字体列表。 我正在尝试显示字体,但是我希望字体显示为字体。 因此,我创建了一个简单的foreach,它为font-family:[这里的字体名称]设置了内联样式。 问题在于,在许多情 ...

4 我的Google字体字体不再显示在我的网站上

我正在构建一个Web应用程序,并使用Google Fonts作为我的两种主要字体。 两种字体都完美运行,然后随机开始不显示。 我已经尝试清除我的缓存并恢复一些git提交,看看我是否无意中提交了搞砸了它的东西。 这些解决方案都没有奏效。 我的CSS链接是: Pacifico是失 ...

5 字体真棒未在Azure网站上显示

我按照此处的说明在Microsoft Azure网站云中部署了symfony项目 该项目有效,但是“ font awesome”和其他字体文件的元素未显示。 我试图修改web.config文件,添加以下内容: 和这个: 但是问题仍然没有解决。 完整的web.conf ...

6 如何修复.woff网络字体以显示在我们的网站上?

我已将Webfonts(.woff)添加到我的网站,但未显示。 我的CCS代码在下面,我正尝试在所有标题和导航菜单中将其加载到https://electratherm.com/上。 我用过引号,没有引号,但无济于事。 有什么建议么? 我已经清除了浏览器缓存和CDN缓存,这就是AFD ...

7 网站上未显示CSS字体样式

我对编码非常陌生,目前正在尝试使用HTML和CSS构建简单的标题和导航栏。 到目前为止,这是我的CSS代码: 但是,当我在浏览器中查看我的网站时,似乎字体粗细和颜色没有显示出来(在标题徽标中)。 而且导航字体不会添加任何样式(字体,大小,粗细或颜色)。 这是我的HTML ...

8 真棒字体未显示在Squarespace网站上

使用Squarespace 7.1模板在这里遇到麻烦! 我已经通过将工具包代码添加到i类的代码注入和CSS中来安装Font Awesome。 我在需要符号的地方创建了代码块。 在编辑和预览模式下一切正常-我可以看到图标,它们看起来很完美。 虽然正在生产中查看,但图标消失了。 在移动设备上,它们显示 ...

9 Google字体未显示在实时网站上

我最近对网站上的代码进行了更新,由于某种原因,Google字体已停止在该网站上运行 http://www.gezzamondo.co.uk/simple.html 我不想复制并粘贴所有代码,因为有很多东西。 刚遇到此问题的其他人,或某处有错误 ...

10 字体家族无法在我的网站上正确显示

我不确定我在网站上使用的CSS字体系列发生了什么。 直到昨天,它一直在努力。 然后今天早上它停止在Chrome上运行,然后在FireFox&Safari(Mac)上停止运行。 奇怪的是,在我的一台队友计算机(Linux)上看起来不错,但在朋友的Mac计算机上看起来也不错。 不知道发生 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM