Jerry318Work study records, and practical information to Favorites
  • 首页
  • UI素材收藏
    • UI界面素材
    • 图标素材
    • 移动端字体
    • 字体素材收藏
  • CSS设计
    • animation
    • CSS3动画
  • 代码素材
    • jQuery
    • HTML5代码实现
    • 代码片段
    • jqueryMobile
  • 工作记录
    • 网址分享
    • 实用知识点
    • 学习与阅读
    • 色彩与绘画
  • 设计前沿
    • 网络转载
    • 设计工具
    • 经验分享
    • 调试工具
  • mac相关资源
    • mac使用技巧
    • mac系统美化
    • mac软件应用
  • 关于

Category : 移动端字体 经验分享 网络转载

0205223395-0

有关字体在移动终端的那点事

2014年11月18日 No comments Article

随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要。而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败?

  1.是否具有高辨识度

首先看看Consolas,这款字体,我们可以发现,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常适合文字编写,代码显示等工作。

有关字体在移动终端的那点事,互联网的一些事
  还是这个例子,在Arial字体中,i,l 的辨识度很低,而且当有连续的il等较窄文字出现时,文字难以选中,此外Georgia中,字母o,与数字0 只在大小上略有区别,基本上分不清,很难做到一目了然。

由此可见,等宽字体受字母本身的干扰较小,字母大小固定,密度固定,此类字体,简单容易辨认,大大提升了阅读效率。但等宽字体也有很严重的问题,他用降低美观程度而换来了高辨识度,因此,大多只能出没于在一些代码编辑器等软件。

Read More

移动web页面使用字体的思考

2014年11月18日 No comments Article

回想2年前刚开始接触手机项目,接到PSD稿后,发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计,于是我写页面的时候也定义 font-family 为微软雅黑,后来发到线上后,细心的产品经理发现页面的字体不是微软雅黑,要求马上修改,我就惊呆了,还跟产品争执一番。

后来了解到的手机系统 ios、android 等是不支持微软雅黑字体,为了满足产品的需要,保证视觉稿的还原度,手机端是如何定义微软雅黑字体呢?

相信大家会想到 @font-face 定义为微软雅黑字体并存放到 web 服务器上,在需要使用时被自动下载

Read More

2018年四月
一 二 三 四 五 六 日
« 一    
 1
2345678
9101112131415
16171819202122
23242526272829
30  

近期文章

  • Emmet LiveStyle 介绍和使用方法
  • Mac 上最好用的免费全能音乐播放器:Vox for Mac 评测
  • mac终端命令大全介绍
  • placeholder在不同浏览器下的表现及兼容方法
  • CSS1-CSS3 颜色知识知多少?

站内搜索

文章归档

  • 2016年一月
  • 2015年十月
  • 2015年九月
  • 2015年七月
  • 2015年六月
  • 2015年五月
  • 2015年四月
  • 2015年三月
  • 2015年二月
  • 2015年一月
  • 2014年十二月
  • 2014年十一月

站点控制

  • 登录
  • 文章RSS
  • 评论RSS
  • WordPress.org

近期文章

  • Emmet LiveStyle 介绍和使用方法
  • Mac 上最好用的免费全能音乐播放器:Vox for Mac 评测
  • mac终端命令大全介绍
  • placeholder在不同浏览器下的表现及兼容方法
  • CSS1-CSS3 颜色知识知多少?
  • Day One 排版 – MarkDown | 分享一些使用技巧
  • 推荐一款焦点图jQuery插件 SlidesJs
  • 检测移动设备横竖屏

网站备案信息:苏ICP备09067411号 | Proudly powered by WordPress

facebook twitter google linkedin Skype Rss