html - 在 iPad 上查看的网站中未应用字体

标签 html css

我们正在使用以下 CSS 为我们的网站应用字体样式。但是,当通过 iPad 设备查看网站时,不会应用该样式。请帮我解决这个问题。

@font-face {font-family: boldFont;src: url( 'whitney-bold.ttf' );}

最佳答案

您需要 SVG 格式字体文件才能在 iOS 设备上工作。尝试使用以下链接使用 @font-face 生成跨浏览器兼容性所需的所有格式。

http://www.fontsquirrel.com/fontface/generator

上传您需要的字体,它会生成以下字体格式的包:

TrueType 字体 - Firefox 3.5+、Opera 10+、Safari 3.1+、Chrome 4.0.249.4+
EOT 字体 - Internet Explorer 4+
WOFF 字体 - Firefox 3.6+、Internet Explorer 9+、Chrome 5+
SVG 字体 - iPad 和 iPhone

关于html - 在 iPad 上查看的网站中未应用字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9351352/

相关文章:

javascript - 如何通过 Angular 操作不同的图表

css - "Don' t use IDs in selectors (CSS)”那么,用什么代替ID?

html - 如何在CSS输入焦点上将输入框从页面中心设置为页面顶部的动画?

javascript - 如何让 "createElement"不重复,而是用新信息替换旧信息?

html - 全部大写 在 Firefox 的下拉列表中选择选项值

html - 显示表和 .each block 的问题

html - 如何在不丢失 100% 宽度的情况下对齐 2 个 div

javascript - 如何使用 jQuery 在单击特定链接时切换到特定选项卡面板?

javascript - 是什么让编辑器在丰富的所见即所得编辑器中将 textarea 上的数据粘贴为 html -like?

html - 如何设置表格的宽度而不影响其每列的宽度?