字体移动网站

我尝试在移动网站与CSS添加字体是这样的：字体移动网站

CSS文件：

@font-face { font-family: Aapex; font-weight: bold; src: url('../fonts/Aapex.ttf');} 
#header_txt{ 
     font-family: Aapex; 
     font-size: 48px; 
     color: #fff; 
}

它完美地在电脑上的浏览器，而不是在移动。。任何想法解决这个问题？

来源

2014-02-18 Mazeltov

什么是 “手机”？每一个平台和浏览器？黑莓，iOS，Android的Chrome，海豚，火狐？ –

哪个移动操作系统和哪个浏览器？ –

我尝试在Android上使用Chrome浏览器和Safari浏览器进行浏览， – Mazeltov

正如你所看到的here全部当前所有主流移动浏览器的版本都支持.ttf字体，但是有些稍旧的移动设备则不支持.ttf字体。对于这些，您可能需要添加嵌入式opentype字体（.eot），Web Open字体格式（.woff）和可缩放矢量图形（.svg）格式以支持所有内容。

你的字体声明将是这个样子：

@font-face { 
    font-family: 'Aapex'; 
    src: url('fonts/Aapex.eot'); 
    src: url('fonts/Aapex.eot?#iefix') format('embedded-opentype'), 
     url('fonts/Aapex.woff') format('woff'), 
     url('fonts/Aapex.ttf') format('truetype'), 
     url('fonts/Aapex.svg#Aapex') format('svg'); 
}

来源

2014-02-18 10:16:17 roryok

使用此代码的跨浏览器功能！

@font-face { 
     font-family: 'YourFontName'; 
     src: url('YourFontName.eot'); /* IE9 Compat Modes */ 
     src: url('YourFontName.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
      url('YourFontName.woff') format('woff'), /* Modern Browsers */ 
      url('YourFontName.ttf') format('truetype'), /* Safari, Android, iOS */ 
      url('YourFontName.svg#svgFontName') format('svg'); /* Legacy iOS */ 
     }

和转换您的TTF格式，以EOT，WOFF和svg..please到了现场http://www.fontsquirrel.com/tools/webfont-generator，并通过在谷歌搜索转换为这些格式

来源

2014-02-18 10:11:48 Krish

使用@字体面发生器

来源

2014-02-18 10:12:14

字体移动网站

回答

相关问题