h5页面自定义字体_H5页面字体设置

H5页面不支持 MicrosoftYaHei(微软雅黑)别傻傻的设置微软雅黑字体了

如果一定要微软雅黑操作如下

@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 */

}

//弊端： 浪费流量，对页面加载造成阻塞

//经过测试：

//ios： 基本支持通用字体 ,默认字体为 -webkit-standard

//安卓： 不支持平方字体，默认字体为 sans-serif;

h5页面乱码-设置编码

1.h5页面正常,重定向以后出现乱码,如图所示. 解决办法:重定向的时候 需要设置编码. 2.文件charset已经是utf-8,页面还是乱码,文件保存的格式也要是utf-8的哦

h5页面宽度设置7.5rem

function ready