自定义网页字体无法在 iPhone 上运行，但可以在 PC/Android/ipad 上运行

Question

我正在制作一个个人网站（想想新城市之类的东西），但我遇到了一个小问题。基本上，我使用的自定义网络字体之一几乎适用于除 iphone 上的 ios 之外的任何平台。我尝试了很多在线解决方案，但没有一个真正有效。老实说，我不知道下一步该怎么做，所以我想我不妨在这里问一下。

这是我使用的代码..另外，我知道我不应该使用 dropbox 来托管字体文件，但对于我使用的托管服务商我真的没有其他选择。

@font-face {
font-family: 'astigmaregular';
src: url('https://dl.dropbox.com/scl/fi/p3a6wipfvbpsrdoz4q1tb/ass-webfont.eot?rlkey=c6nykm07kf31targvm2ymumtp&dl=0'),
url('https://dl.dropbox.com/scl/fi/p3a6wipfvbpsrdoz4q1tb/ass-webfont.eot?rlkey=c6nykm07kf31targvm2ymumtp&dl=0?#iefix') format('embedded-opentype'),
url('https://dl.dropbox.com/scl/fi/ma5uwczab8myn9pig99p8/ass-webfont.woff2?rlkey=t6jz05z0ypz8ezbch7jquledh&dl=0') format('woff2'),
url('https://dl.dropbox.com/scl/fi/5abtjudsk207zm7l724cn/ass-webfont.woff?rlkey=z0scse0a38sy0dznlnshhnzrr&dl=0') format('woff'),
url('https://dl.dropbox.com/scl/fi/5xyx1ajogqpntolo8ykrw/ass-webfont.ttf?rlkey=mkwb5jhg6yijx775dwjfhk1qx&dl=0') format('truetype');
font-weight: normal;
font-style: normal;
}

Answer 1

检查这在 iOS 中是否有效：

@font-face {
font-family: 'astigmaregular';
src: url('https://dl.dropbox.com/scl/fi/p3a6wipfvbpsrdoz4q1tb/ass-webfont.eot?rlkey=c6nykm07kf31targvm2ymumtp&dl=0'),
url('https://dl.dropbox.com/scl/fi/p3a6wipfvbpsrdoz4q1tb/ass-webfont.eot?rlkey=c6nykm07kf31targvm2ymumtp&dl=0?#iefix') format('embedded-opentype'),
url('https://dl.dropbox.com/scl/fi/ma5uwczab8myn9pig99p8/ass-webfont.woff2?rlkey=t6jz05z0ypz8ezbch7jquledh&dl=0') format('woff2'),
url('https://dl.dropbox.com/scl/fi/5abtjudsk207zm7l724cn/ass-webfont.woff?rlkey=z0scse0a38sy0dznlnshhnzrr&dl=0') format('woff'),
url('https://dl.dropbox.com/scl/fi/5xyx1ajogqpntolo8ykrw/ass-webfont.ttf?rlkey=mkwb5jhg6yijx775dwjfhk1qx&dl=0') format('truetype');
font-weight: normal;
font-style: normal;
}

body {
  font-family: 'astigmaregular'
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam bibendum nisi eros, nec luctus lectus sollicitudin at. Duis ut libero tincidunt, sagittis mi ac, vestibulum odio. Aliquam tincidunt malesuada erat, sed tristique sem congue nec. Pellentesque tincidunt leo ultricies urna suscipit semper. Duis vel lacus quis diam volutpat blandit ut ut sem. Maecenas quis diam neque. Suspendisse fringilla ipsum id urna venenatis, vel pharetra mi scelerisque. Phasellus vitae convallis metus.