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

html-css094

手机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 */ }

使用rem,rem是CSS3新增的一个相对单位(root em,根em)。

字体大小是根据根元素而变动的,那么在手机上字体大小也会做相应变化。

(function (doc, win) {

var docEl = doc.documentElement,

resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',

recalc = function () {

var clientWidth = docEl.clientWidth

if (!clientWidth) return

docEl.style.fontSize = 20 * (clientWidth / 320) + 'px'

}

if (!doc.addEventListener) return

win.addEventListener(resizeEvt, recalc, false)

doc.addEventListener('DOMContentLoaded', recalc, false)

})(document, window)

打开手机中的“设置”,会进入手机相关的信息界面

2

点击最上方的“显示”后,找到“字体”选项并点击进入

3

进入“字体”选项后,点击“在线字体”

4

一般分为免费和付费的字体,直接选择安装即可

END

方法2:【使用无root的字体app】

安装相关程序:百度或豌豆荚搜索“字体管家”,下载安装后打开程序

下载字体:进入页面选择自己的喜欢的字体点击下载

安装字体:下载完成后,依次点击“使用”-“温馨提示的确定”-“安装”,

更面字体:完成后会自动跳转到设置中的显示界面,找到“字体”点击进入,在“字体类型”中点击你想要更换的字体,再点击“应用”即可