Css 如何在手机中获得与pc浏览器相同的外观字体?

Css 如何在手机中获得与pc浏览器相同的外观字体?,css,mobile,fonts,Css,Mobile,Fonts,我使用字体系列:“Proxima Nova Alt”,“Helvetica Neue”,Helvetica,Arial,无衬线;但与pc浏览器相比,它在手机上看起来很糟糕。如何在手机上获得相同的外观效果 英格利德利是对的。我猜这些字体会出现在你的桌面上,因为它们安装在你的桌面操作系统上。有两种方法可以做到这一点: 1) 您需要在Google字体、TypeKit或其他第三方基于云的字体解决方案中找到它们。它们提供了通过CSS、HTML和JS引用它们的方法 2) 分发字体并实际将字体文件放在/fo

我使用字体系列:“Proxima Nova Alt”,“Helvetica Neue”,Helvetica,Arial,无衬线;但与pc浏览器相比,它在手机上看起来很糟糕。如何在手机上获得相同的外观效果


英格利德利是对的。我猜这些字体会出现在你的桌面上,因为它们安装在你的桌面操作系统上。有两种方法可以做到这一点:

1) 您需要在Google字体、TypeKit或其他第三方基于云的字体解决方案中找到它们。它们提供了通过CSS、HTML和JS引用它们的方法

2) 分发字体并实际将字体文件放在/font目录中(可以称为任何…但/font有效),然后使用@font-face引用该文件

他们在手机上默认使用Helvetica或Arial,因为他们没有安装在手机上


希望这有帮助

您是通过Google Fonts API在云中引用字体,还是通过站点/应用程序在/Fonts目录中分发字体?这也可能是因为您的CSS中有一个@media()查询导致它以较小的屏幕宽度引用不同的字体。只是个主意。如果没有看到您的代码,则不确定。它似乎正在移动设备上加载Helvetica/Arial。如果这就是您为显示字体所做的一切,那么您的CSS只是从您的计算机中拾取该字体。为了让别人看到它。你需要把它包括进去,要么用@fontface,要么用谷歌字体之类的东西。我不知道,听起来很合乎逻辑。谢谢是的,我只在电脑上有。我没想到,但听起来很有道理。谢谢,这一切都很好--字体一开始可能有点让人困惑。这里有一个很好的@font-face解释:如果选择此方法,则需要进入操作系统并复制/粘贴.ttf、.otf、,。和/或.woff文件到/public_html/、/www/或任何您碰巧拥有的目录中的/font目录