12_iOS干货9_字体尺寸磅值像素 && UILabel的字体高度和宽度汇总

一,中文字号VS英文字号()VS像素对应关系:

八号=5(5pt) ==(5/72)*96=6.67 =6px
七号=5.5==(5.5/72)*96=7.3 =7px
小六=6.5==(6.5/72)*96=8.67 =8px
六号=7.5==(7.5/72)*96=10px
小五=9==(9/72)*96=12px
五号=10.5==(10.5/72)*96=14px
小四=12==(12/72)*96=16px
四号=14==(14/72)*96=18.67 =18px
小三=15==(15/72)*96=20px
三号=16==(16/72)*96=21.3 =21px
小二=18==(18/72)*96=24px
二号=22==(22/72)*96=29.3 =29px
小一=24==(24/72)*96=32px
一号=26==(26/72)*96=34.67 =34px
小初=36==(36/72)*96=48px

 

初号=42==(42/72)*96=56px

 

 

二,UILabel不同字体对应的高度:

字体大小

高度

10

12

11

13+1/3

12

14+1/3

13

15+2/3

14

17

15

18

16

19+1/3

17

20+1/3

18

21+2/3

19

23

20

24

21

25+1/3

22

26+1/3

23

27+2/3

24

28+2/3

25

30

26

31+1/3

27

32+1/3

28

33+2/3

29

34+2/3

 

三,UILabel同一字体对应的宽度:

        UILabel对象的文字宽度是由文字的font属性和文字个数确定的,而且中文、英文、数字的宽度计算还不一样,我认为的一个原因是iOS默认的字体中,中文是等宽字体,而英文和数字并不是等宽字体。

  • 1,中文 
  • 由于等宽,所以很好计算,包括全月角标点符号也是可以这么计算的,就是:每个中文文字的宽度* 文字个数。文字个数就很好确定了,但每个中文文字的宽度是怎样确定的呢。通过一个小测试可知,中文文字的宽度是由UILabel的font属性确定的,font属性设置了多大号的字体,中文问题宽度就为多大号,即两者呈线性关系(PS:这个关系的前提是使用系统默认的字体。此外,若没有显式设置font属性的话,UILabel默认的字体大小为17),如:

        label.font = [UIFont systemFontOfSize:12];      // 每个中文字度就12

        label.font = [UIFont systemFontOfSize:17];      // 字体大小,每个中文文字17

        label.font = [UIFont systemFontOfSize:20];      // 每个中文文字20

  • 2,数字 
  • 数字在系统默认字体内就不是等宽的了,所以宽度也会随着数字的不同而不同,下面是字体大小为系统默认字体大小(即17)的数字宽度表:

数字

宽度

0

10+1/3

1

7+1/3

2

10

3

10+1/3

4

10+2/3

5

10+1/3

6

10+2/3

7

9+1/3

8

10+2/3

9

10+2/3

  • 3,英文 
  • 英文在系统默认字体中也是不等宽的,所以宽度也是会随着字母的不同而不同,下面是字体大小为系统默认字体大小(即17)的数字宽度表:

小写字母

宽度

大写字母

宽度

a

9

A

11+1/3

b

10+1/3

B

11

c

9+1/3

C

12

d

10+1/3

D

12

e

9+1/3

E

10

f

6

F

9+2/3

g

10

G

12+1/3

h

10

H

12+1/3

i

4

I

4+1/3

j

4

J

9

k

9

K

11

l

4

L

9+1/3

m

14+2/3

M

14+2/3

n

9+2/3

N

12+1/3

o

9+2/3

O

13

p

10

P

10+2/3

q

10

Q

13

r

6+1/3

R

11

s

8+2/3

S

10+2/3

t

6

T

10+2/3

u

9+2/3

U

12+1/3

v

9

V

11+1/3

w

13

W

16+1/3

x

8+2/3

X

11+1/3

y

9

Y

11

z

9

Z

11

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
兼容目前的浏览器 里面包含FCKeditor编辑器和控件 一、集成方法 FCKeditor应用在ASP.NET上,需要两组文件,一组是FCKeditor本身,另一个是用于ASP.NET的FCKeditor控件(分为1.1和2.0两个版本,这里使用2.0版本)。 1. 将FCKeditor加入到项目中 解压FCKeditor编辑器,得到文件夹fckeditor,复制此文件夹到Web应用的项目下(也可以是子孙目录下)。 解压FCKeditor控件,在其子目录bin/Release/2.0下有一个程序集。在Web应用的项目中引用该程序集。 2. 在页面中使用FCKeditor 有两种方式。 (1)手工编码 在页面中加入ASP.NET指令: 然后在需要的地方加入FCKeditor控件: (2)集成到Visual Studio工具箱 打开一ASP.NET页面,展开Toolbox,打开右键菜单,选择“Choose Items ...”,在出现的“Choose Toolbox Items”会话框的“.NET Framework Components”选项卡中选择“Browse”,找到并选中FCKeditor程序集,打开后回到“Choose Toolbox Items”窗口,点击“OK”,完成控件导入。 这时,在Toolbox的General分类下出现了一个名为FCKeditor的控件,可以像使用Visual Studio内置控件一样使用它。 3. 配置FCKeditor编辑器路径 在页面中,使用的是FCKeditor控件,该控件需要知道FCKeditor编辑器文件组的路径。有两种配置方法。 (1)配置web.config 在appSettings配置节中加入 使用这种配置方法后,对于项目中任何一个页面中用到的FCKeditor控件,都不用再配置其BasePath属性。 (2)直接对用到的FCKeditor控件进行配置 在页面代码中设置FCKeditor的属性BasePath为FCKeditor编辑器文件组的路径,或者在Page_Init事件处理器中设置其BasePath的值。 4. 配置FCKeditor编辑器文件上传路径 在web.config的appSettings配置节中加入 这样,就完成了FCKeditor向ASP.NET页面的集成工作。 二、配置FCKeditor 按照FCKeditor的默认配置,可以完成一些常用的HTML可视化编辑工作,但在实际应用中,还需要对其做进一步的配置。FCKeditor控件的可配置属性不多,且配置后只能作用于一个单一实例。实际上,需要对FCKeditor编辑器文件组中的通用配置文件/fckconfig.js和ASP.NET专用文件上传管理代码文件/editor/filemanager/connectors/aspx/config.ascx进行配置。 1. 配置控件语言 FCKeditor是自动探测浏览器所使用的语言编码的,其默认语言是英文。修改配置行"FCKConfig.DefaultLanguage = 'en';"为'zh-cn',采用中文为默认语言。 2. 配置控件应用技术 FCKeditor默认是用于php技术的。修改配置行"var _FileBrowserLanguage = 'php';"和"var _QuickUploadLanguage = 'php';"为'aspx',采用ASP.NET技术。 3. 配置Tab键 默认Tab键在FCKeditor中不可用,可以修改配置行"FCKConfig.TabSpaces = 0;"为1,启用Tab键。 4. 定制FCKe

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值