Question

我使用css属性font-family，设置值Roboto，“Roboto Lt”。当我使用Android手机浏览页面时，font-family正常工作，但这不适用于通过Safari浏览器浏览页面的iphone 5s。

有人有这个问题吗？

Answer 1

Roboto包含在Android中，但不是iOS上包含的字体。您需要在Google字体中加入字体。

Answer 2

我希望这个答案可以帮助遇到这个问题的其他人。这是我的决议，你可以按照步骤进行。

第1步：首先，请访问此链接 [http://www.fontsquirrel.com/fonts/roboto]下载压缩文件文件。您应该选择Tab Webfont Kit，然后单击下载按钮“下载@ font-face Kit”下载压缩字体文件。
第2步：在第1步之后，您必须解压缩下载的压缩文件文件，选择将您的文件解压缩到当前目录。所以你会看到该目录的名称是web字体，你可以打开它目录，你应该看到有这么多的目录，如 “roboto_black_macroman .....”等等。他们的名字是由他们开始的 'roboto'，每个方向都代表一种roboto字体。你可以选择其中一个您需要上传到您的网站服务器目录如你所愿。

第3步：在第2步之后，您应该将这些代码添加到您的CSS下面样式文件。注意，你应该给出你的字体文件的正确路径。**

@font-face {
font-family: 'Roboto';
src: url('fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot');
src: url('fonts/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
     url('fonts/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
     url('fonts/roboto_regular_macroman/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
font-weight: normal;
font-style: normal;

}

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

好的，如果您无法弄清楚我想说的是什么，您可以在此链接中看到原始页面：http://www.maketecheasier.com/use-google-roboto-font-everywhere/。

font-family-Roboto，“Roboto Lt”在iphone 5s中不起作用

2 个答案: