[转]移动端web页面使用字体的思考
一直不知道手机端用的什么字体，只是觉得类似雅黑，直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。 前人已栽树，后人我就直接转来吧…… 回想2年前刚开始接触手机项目，接到PSD稿后，发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计，于是我写页面的时候也定义 ...
原文：移动端页面应该使用什么字体？
设计师们通常喜欢用微软雅黑作为中文字体进行设计，于是我写页面的时候也定义font family为微软雅黑，后来发到线上后，发现页面的字体不是微软雅黑，后来了解到的手机系统 ios android 等是不支持微软雅黑字体，为了满足页面需要，保证视觉稿的还原度，手机端是如何定义微软雅黑字体呢 相信大家会想到 font face 定义为微软雅黑字体并存放到 web 服务器上，在需要使用时被自动下载。 ...
2017-05-29 13:11 0 6750 推荐指数：
相关推荐
pc和移动端页面字体设置
移动端项目：font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self; pc端(含Mac)项目：font-family:Tahoma ...
移动端字体单位该使用px还是rem?
对于只需要适配少部分手机设备，分辨率对页面影响不大的，使用px即可， 对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。 rem配置参考，适合视觉稿宽度为640px的： <meta content="width ...
移动端页面字体在微信被放大，导致排版错乱
在开发微信页面的时候，之前一直没有测出这个问题。直到某天领导的手机出现了排版错位的问题，拿着手机质问我的工作态度。 Google了一下发现原来微信调整了字体大小会放大网页的字体，导致排版混乱。通过设置可以禁止网页字体被放大： @RenderBody()请忽略 这样网页就没问题了，至少目前 ...
移动端页面布局及字体大小该如何设置
之前发过一篇文章《移动端应该如何动态设置字体大小？》，主要说了移动web端布局的一些解决方法，本文再一次把这个问题提出来，并分别对安卓和IOS设备的屏幕了解做出自己的分享，在进入正文之前最好先了解：物理像素、逻辑像素、DPR和Rem。 那么进入正文，不废话，直接把自己了解到的和一些看法说 ...
html5移动端页面分辨率设置及相应字体大小设置的靠谱使用方式
对于html5移动端网页编写CSS网上有很多介绍的文章，但在实际使用过程中还是会纠结. 网上的资料太多，且大多都是技术介绍型，特别是针对android上，网上写的各种麻烦，各种复杂，各种不接地气儿... 我在做移动端网页时，总是和美工设计的页面有出入，主要还是由于双方对移动端HTML5 ...
关于移动端自适应以及字体单位的使用
这段时间一直有一些小伙伴断断续续的问到关于移动端字体设置以及自适应的问题，其实关于大家口中说的自适应，我觉得有两种，一种是字体自适应（字体随着分辨率的变化而变化）和图片自适应，另一种仅仅是图片自适应，字体大小不变； 现在我把我做移动端这块的经验给大家分享一下，大家觉得适合的就用，不适合的看看就好 ...
移动端布局，字体使用rem不生效问题
本文参考连接：https://blog.csdn.net/qq_35484341/article/details/78248371 移动端布局是最让我感到头疼的一件事，一直都是逃避的心态，不想面对，但没办法，公司前端就我一个人，所有的问题迟早都要自己解决，所以不得不开始摸索，最快的办法就是看前辈 ...