font-family-Roboto，"Roboto Lt“在iphone 5s上不起作用

Question

我使用css属性font-family，将值Roboto设置为"Roboto Lt“。当我使用android mobile浏览页面时，font-family是work，但在iphone5s上通过Safari浏览器浏览页面则不起作用。

有没有人有这个问题？

Answer 1

Roboto包含在安卓系统中，但不是iOS包含的字体。你需要在Google字体中包含该字体。

Answer 2

我希望这个答案能帮助我遇到这个问题的其他人。这是我的解决方案，你可以按照步骤来做。

• Step1:首先，请访问此链接[ http://www.fontsquirrel.com/fonts/roboto ]下载压缩文件。你应该选择标签Webfont工具包，然后点击下载按钮“下载@ file.
• Step2: -face工具包”下载压缩字体step1后，你必须解压缩下载的压缩文件，选择解压缩你的文件到当前的directory.So你会看到该目录的名称是网页字体，你可以打开这个目录，你应该看到有很多目录如"roboto_black_macroman .....“所以roboto的名字都是以'roboto‘开头的，每个目录代表一种roboto风格，你可以选择其中一个你需要上传到你的网站服务器目录作为你的wish.
• Step3:之后，你应该把这些代码添加到你的on.Their风格file.Note下面，你应该给出你的字体文件的正确路径。**

@font-face { font-family：'Roboto'；源: url('fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot')；src: url('fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix')格式(‘embedded-opentype’)、url('fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff')格式(‘woff’)、url('fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf')格式(‘truetype’)、url('fonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#RobotoRegular')格式(‘svg’)；字体粗细:正常；font-style:正常；

}

毕竟，你可以直接使用网页中的字体，就像这样。body{font-family:'Roboto'，san serif;}

好吧，如果你不明白我想说的是什么，你可以在这个链接上看到原始页面：http://www.maketecheasier.com/use-google-roboto-font-everywhere/。