Android系统字体规范(含Android系统字体包下载)

Android字体下载

我们在做Android移动APP设计的时候,字号的选择也是很让人头疼,转载一份有关Android系统字体规范,如果在做Android项目的用户应该看看,如果有任何建议欢迎在留言处与我们交流探讨。

主要从以下几点做了分析:

  • 移动设计中与字号有关的基本概念
  • Android系统默认字体及字号
  • Android字体单位sp与px的换算
  • 规范字号的意义
  • 印刷业的规范字号的用法
  • Android规范字号的近似用法
  • 如何向前端输出?
  • 如何在photoshop里选择字号?

1. 移动设计中与字号有关的基本概念

  • px:Pixels即像素,基本原色素及其灰度的基本编码。
  • DPI:dots per inch,是印刷上的记量单位,意思是每个英寸上,所能印刷的网点数。
  • PPI:pixels per inch 数字影像的解析度,意思是每英寸所拥有的像素数,即像素密度。
  • PPI = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数
  • pt:Point,磅因,国际通行的印刷单位,是一个自然界标准的长度单位。

    inch = 2.54cm = 25.4 mm = 72pt, 1pt≈0.35mm
    Photoshop里的字体单位pt和point不一样。在Photoshop里,同样是10pt的字,只要变换字体,字的高度就会变化。

  • dp:Density-independent pixels,以160PPI屏幕为标准,则1dp=1px
  • dp和px的换算公式 :dp*ppi/160 = px
  • sp:Scale-independent pixels.安卓的字体单位,以160PPI屏幕为标准,当字体大小为 100%时, 1sp=1px
  • sp 与 px 的换算公式:sp*ppi/160 = px

2. Android 系统默认字体 Rotobo,限定使用以下字号

3. Android 字体单位 sp 与 px 的换算

  • PPI = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数
  • sp与px的换算公式:sp*ppi/160 = px

以三星Note2为例,PPI = √(1280² + 720²) / 5.5=267

经测量,三星Note2的字体高度确实如此,见下图:

4. 规范字号的意义

保证相同字号的字在不同PPI屏幕上显示的物理高度一致,下面来验证一下。

  • 设定 PPI为 267 时,高度18sp(即 30px)的字的物理高度为 X,则:
    一英寸里的像素数 267 / 一英寸里的毫米数 25.4mm = 30 / X
    X ≈ 2.86mm
  • 设定 PPI为 160 时,高度18sp(即 18px)的字的物理高度为 Y,则:
    一英寸里的像素数 160 / 一英寸里的毫米数 25.4mm = 18 / Y
    Y ≈ 2.86mm

综上,X = Y,这就证明了同为18sp的字在 PPI分别为 267 和 160 时,显示的物理高度都是 2.86mm

5. 印刷业的规范字号的用法

看书的时候眼睛距离书本的最佳距离为 33cm,书本的阅读距离比较接近于手机的阅读距离,所以我们来参考下书本上印刷文字的规范。

印刷业已经有成熟的行业字号标准,如下表所示:

其中正文常用的字号是六号(7.5p)、小五号(9p)、五号(10.5p),如下表所示:

6. Android 规范字号的近似用法

通过计算出 Android规范字号的物理高度,找到每个字号最接近的印刷字号:

再根据印刷字号的用途,近似得出Android 规范字号的用法

7. 如何向前端输出?

第一步:将sp 换算成px。但是px随PPI 变化而变化,这一点可以从sp 与px的换算公式“sp*ppi/160 = px ”看出来。我们不能算出所有的情况,所以只计算首选需要适配的ppi 对应的像素高度。

第二步:把算好的像素高度和换算公式“ sp * ppi/160 = px ”同时输出给前端,这样以后再换ppi,前端可以自动计算。另外,前端代码里定义字体高度用的也是px,所以设计师向前端输出以px计算的字号尺寸是非常合适的。例如:

8. 如何在photoshop里选择字号?

上文中,我们已经算出了字体像素高度,把这些像素高度画到ps 里,
再把你要使用的字体调到这样的像素高度,得出photoshop 里对应的字号,用于设计。也就是说Photoshop 里的字号都需要根据实际情况,手动调出来,没有捷径。例如ppi 为240 时,对应的像素高度和字体字号如下图所示:

如果ppi 变化,上面的图就不能用了,又要重新算,比较劳神费力,但我目前还没有更好的办法,欢迎大家拍砖,我会积极采纳意见,优化方案。

参考文献:
1.Android 设计指南:

2.维基百科:点(印刷)

3.文库《印刷文字的字体与字号规定》

作者:白群PDF版本:点击这里

(0)

相关推荐

  • 小米手机如何刷双系统?怎么切换系统?为什么我在A系统下OTA更新的系统却是B系统?

    Q1如何刷双系统? 解决方案: 刷机方法有很多,论坛也有很多教程帖子,在这里我就说个最简单易操作的方法 稳定版=A 开发版=B 默认手机只有A系统 1.双系统A+A 这个直接等OTA就行了,只要A出了 ...

  • 在Win7等系统里跑跑Android 4.0ICS

    在Win7等系统里跑跑Android 4.0冰淇淋三明治 去年的时候,软媒给大家介绍和推荐过如何在Windows下直接全屏使用安卓应用,当时是用到了一个名为BlueStacks的软件,玩转Androi ...

  • 更改Win7默认字体打造个性化Win7系统字体

    现在大多数朋友都使用了Win7系统,每天面对Win7的界面早就习以为常,其实默认的一些设置是可以自己手动更改的。比如你可能觉得系统默认的微软雅黑字体不符合你的审美,那就大可换成自己喜欢的任意字体,将W ...

  • Win7系统中复制安装字体和用快捷方式安装字体的方法

    Win7系统比WinXP安装字体操作更为简便。下文将介绍Win7系统中安装字体和用快捷方式安装字体的方法。 1、复制的方式安装字体的方法 在Win7系统下复制的方式安装字体和WinXP下没有区别。最简 ...

  • windows 7系统下不能设置楷体gb2312字体

    windows 7系统出了,搞了2套,用的很好,配置要求和vista差不多,但是启动速度快多了,兼容性也不错。这么相安无事一个多月,问题来了。 年底要出几个报告,用笔记本排好了版面,拷贝到装WINI ...

  • Win10系统电脑怎样同步Android手机通知

    Win10系统电脑怎样同步Android手机通知 1.首先需要在安卓手机上安装Cortana并更新至最新版本,鉴于国内用户访问 Google Play 不便,所以可以在APKMiorror等第三方网站 ...

  • XP系统下IE浏览器显示的字体效果问题

    XP系统下IE浏览器显示的字体效果问题 说到这个效果,唯独WIN7以上的系统,IE8以上版本才能很好不需要图片展示出来,为了兼容IE6和IE7,经过数小时测试,只好采用背景图. 字体在IE6/IE7/ ...

  • Win7默认系统字体怎么设置为任意字体

    Win7默认系统字体怎么设置为任意字体 要更改Win7默认字体,首先要在控制面板的"外观"中找到"显示"一项,选择左侧的"更改配色方案",点 ...

  • Win7如何删除系统自带字体?Win7删除系统自带字体文件的方法

    Win7如何删除系统自带字体?我们使用的Win7系统通常会自带多种字体,用户可以选择使用自己喜欢的字体.但有些字体难看,用户不太喜欢,这时候可以将这些字体文件进行删除,以节省系统空间.下面小编就给大家 ...