iOS WKWebView 设置默认系统字体

一般来讲，苹果系统提供的控件的字体基本都是跟随系统，但是WKWebView却不是，可能是网页的兼容性有自己的考虑。现在我的App里只有WKWebView的字体不跟着系统走，视觉上很别扭，严格的UI设计师也不会通过。

笔者翻遍百度和stackoverflow也没找到WKWebView的默认字体是什么？如何修改成跟随系统倒是在stackoverflow找到？最后在国外大神的一遍文章里找到了答案，和大家一起分享。

By default, if you don’t specify a font family in CSS, iOS will use the default font, which is “Times New Roman”.

打开Word对比了一下：WKWebView的默认字体是Times New Roman没错。

那么如何修改成跟随系统呢？只需要一行代码：

[webView stringByEvaluatingJavaScriptFromString: @"document.body.style.fontFamily = \"-apple-system\""];

设置body样式的fontFamily为-apple-system，就会使用系统字体了，万一哪天苹果的系统字体变化了，整个App的字体都会跟着变，很协调，完美。

参考国外大神文章

iOS WKWebView 设置默认系统字体相关推荐

默认标题栏字体_不喜欢Windows10上的默认系统字体，可以这样更改
在Windows 10上,用户可以更改默认系统字体,但是要执行此任务,现在需要修改注册表. 在以前的版本中,例如在Windows 7上,可以访问个性化设置来更改各种桌面元素的系统字体,包括文件资源管理 ...
Ubuntu添加和设置默认中文字体
参考:https://blog.csdn.net/gengyuchao/article/details/101215243 首先,通过命令 $ fc-list :lang=zh 可以查看已安装的中文字 ...
word中如何设置默认英文字体和中文字体
● 一般来说,使用word的时候,我们希望中文默认字体为 "宋体",英文默认字体为"Times New Roman".其设置步骤如下: 一.word设置默认英文 ...
IntelliJ IDEA快速入门 | 第十七篇：IntelliJ IDEA中的常用配置（九）——设置默认的字体、字体大小、字体的行间距
统一设置默认字体首先,进入IntelliJ IDEA的设置界面中,并展开Editor这一项,这时你会看到Font,选中它之后,可以看到如下图所示的界面. 然后,在以上界面中修改字体.字体大小以及字体 ...
41.设置windows系统字体CreateFont、CreateFontIndirect、GetStockObject
设置字体,建议在WM_CREATE消息处理中进行设置设置系统字体有多种方法方法一:CreateFont函数设置每一个参数 HFONT hFont = CreateFont(80,0,0,0,0,0 ...
用户设置了系统字体，导致页面布局错乱，微信公众号
兼容android代码 /* 禁止用户自定义设置字体大小 */(function () {if (typeof WeixinJSBridge == "object" &&a ...
android 更改颜色设置,安卓系统字体颜色修改教程
该楼层疑似违规已被系统折叠隐藏此楼查看此楼反编辑framework-res.apk 1.修改内容如下: 打开 res/values/colors.xml 找到回编辑后需要把你在apk中的改过的x ...
怎么设置linux系统字体颜色,如何修改linux系统字体颜色
2017-01-20 回答方法一: 1.在~/.bash_profile文件中添加ls_colors export ls_colors='no=00:fi=00:di=01;33:ln=01;36: ...
WinCE系统字体的设置
作者:ARM-WinCE 确实很久没有写Blog了,感觉有些对不住曾经看我blog的朋友.刚从美国回来,由于项目原因,春节都在美国工作,现在有点时间,先写一篇简单的,介绍一下WinCE字体的设置. W ...
详解css设置默认字体
浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏 ...

iOS WKWebView 设置默认系统字体

iOS WKWebView 设置默认系统字体相关推荐

最新文章

热门文章