你使用了苹果字体,但是在大部分的安卓手机以及windows电脑当中,并没有这种字体,这种情况下,这些客户端会以自己当前有的字体替换掉你定义的字体,如果客户端(浏览者的设备)有你设置的字体,那么可以正常显示。
通常如果想兼容各种设备,都是采用微软雅黑、宋体、黑体等常规字体,而不采用其他特殊字体。
在Safari下用css强制修改网页字体的方法是:
1、一个很好的方法,不至于让网页大出浏览器的框以至于需要拖动。
在CSS文件里面这样写:
2、也可以这样写:
3、或者safari 下用css 强制指定字体就可以了
总结:这三个方法都可以在Safari下用css强制修改网页字体,而且都不难。
CSS和系统无关,只和你应用的什么浏览器有关。至于你下面说得苹果或者微软的系统可以判别出来,那是因为他们的浏览器内核不一样。
如果你非要那样做。
写两套css,都用link的方式链接到页面里面
然后用js来判断
如果是苹果系统(针对具体的浏览器为),就把为微软系统准备的那个css链接屏蔽掉
如果是微软系统(针对具体的浏览器为),就把为苹果系统准备的那个css链接屏蔽掉