手机web字体css怎么设置微软雅黑？

html-css08

手机web字体css怎么设置微软雅黑？,第1张

{font-family:"微软雅黑"；}或者{font-family:"Microsoft Yahei"}

如果在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误，

为此，在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。

使用 Unicode 写中文字体名称，浏览器是可以正确的解析的。

unicode编码的微软雅黑表示如下：

{font-family: "\5FAE\8F6F\96C5\9ED1"}

移动端html5手机网站如何定义字体font-family

很多懒友在使用自定义字体时候，很容易像PC端那样定义，其实安卓和ISO系统，对中文字体是不支持，所以定义以后看到效果不是直接定义字体效果，如果需要定义

大家会想到 @font-face 定义为微软雅黑字体并存放到 web 服务器上，在需要使用时被自动下载

@font-face {

font-family: 'MicrosoftYaHei'

src: url('MicrosoftYaHei.eot')/* IE9 Compat Modes */

src: url('MicrosoftYaHei.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

url('MicrosoftYaHei.woff') format('woff'), /* Modern Browsers */

url('MicrosoftYaHei.ttf')  format('truetype'), /* Safari, Android, iOS */

url('MicrosoftYaHei.svg#MicrosoftYaHei') format('svg')/* Legacy iOS */ }

class{

font-family: 'hakuyoxingshu000Regular'

src: url('000.eot')

src: local('hakuyoxingshu000 Regular'), local('hakuyoxingshu7000'), url('000.ttf') format('truetype'), url('000.svg#hakuyoxingshu000') format('svg')

}

其中的“000”是你的字体名称，有个缺点就是要考虑到兼容性，以上三种写法分别对应的是：

.TTF或.OTF，适用于Firefox 3.5、Safari、Opera

.EOT，适用于Internet Explorer 4.0+

.SVG，适用于Chrome、IPhone。