h5页面自定义字体_UIWebView使用app内自定义字体

最近，做了个小需求。因为app是使用的自定义字体，所以产品想让h5的字体跟app的字体一致，减少脱离感。而一般来说，app内的h5页面，都是显示系统的默认字体。要想使用自定义字体，一般的做法是在h5里面加上字体库，然后app端，在加载url的时候，会去下载这些字体。但是字体包一个动辄3，4M，要是有多个字体库的话，不用想，体验会很糟糕。所以这种下载的方式不太可行。但它的好处就是，在所有的浏览器上都支持。

指定font-family

搜索一番，发现可以直接指定font-family为iOS字体库的名字。比如app引用的是圆体，打开LaunchPad-->其他-->字体册，搜圆体，PostScript名称就正是我们需要的。如图。

1.png

然后在html中，或者css。这里为了方便，直接将样式写在了html中了。

.p1 {

font-family: "STYuanti-SC-Regular";

font-size: 30pt;

color: red;

}

你好吗

之后，在app里加载url，(o)/~，是不是变成圆体了。注意，这个前提是首先你得在app里加入圆体字体库，并添加到plist中。如下图。

plist.png

不过这种方式的缺点就是，只适用于iOS