javascript-如果用户的设备是iOS,如何更改字体系列css

我正在使用特殊字体来显示内容.它适用于大多数设备,但不适用于iOS设备.因此,当用户使用Apple设备但其他设备正常显示时,我需要更改字体系列css.我怎样才能做到这一点？

我已经附上了一些伪代码：

if(IOS)  { html,body,h1,h2,h3,h4,h5 { line-height: 150%; font-family: "Open Sans", sans-serif}
}else{
html,body,h1,h2,h3,h4,h5 { line-height: 150%; font-family: "Noto Sans Sinhala", sans-serif}
}

解决方法:

解决此任务的一种方法是使用用户代理嗅探技术,如下所示：

var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

因此,实际上是：

var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

if (iOS) {
    // iOS specific styles
}
else {
    // other styles
}

我建议您将所有样式都放在样式表文件中,并且仅包括字体系列(并且仅根据设备而改变的样式).因此,您的完整代码可能看起来像这样(假设此JavaScript位于html文件的开头)：

var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;

if (iOS) {
    document.write("<style>body { font-family: x }</style>");
}
else {
    document.write("<style>body { font-family: y }</style>");
}

您可以阅读有关在this answer中检测iOS的更多信息.

【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！