2023-03-14 17:10来源:m.sf1369.com作者:宇宇
我比较熟悉英文,一个一个字体说:Sans-serifHelvetica,被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕。Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常Lucida Family: Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。Verdana: 专门为了屏显而设计的字体,humanist风格,在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。
SerifGeorgia: 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。Times: Times是为了报纸而设计的,特点是可以在有限的空间塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。
中文不熟,抛砖引玉:中易宋体:Win最常见的字体,小字体点阵,大字体TrueType,但是大字体并不好看,所以最好别做标题。微软雅黑:Vista之后新引入的字体,打开Cleartype之后显示效果不错,不开Cleartype发虚。华文细黑:Mac下的默认中文。Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux绝大多数发行版本的默认中文,当然也有用WenQuanyi Zenhei的,不过比较少了。CSS3开始支持Embedded font所以英文字体选择一下子多了很多,而中文字体由于文件庞大,仍然就是那几个选。
网页设计中最常用的字体是黑体、微软雅黑、宋体。英文字体可以随意的,网页设计出来美观就好了。我知道一个好的网站叫惊喜设计,你可以去那上面看看。在最理想的情况下(不考虑兼容旧设备),font-family: sans-serif; 就是最好的选择。那些说用微软雅黑、宋体、Arial, Segoe ui 的,恐怕思维还停留在十年前的 Eindows 上吧?然而现在看网页大部分情况是手机了吧?你让安卓和苹果设备上显示微软雅黑看看?如果是内容导向的网页,比如知乎,不设计字体就是最好的设计。如果真的是需要字体设计的网页,那还真没有常用字体一说,看需求。
您好
并不存在 什么标准字体,也没有人制定过这样的标准。
不过为了能使尽量多的不能看到您网页的原设计,一般在选择字体时,尽量选择一些多数人机器上都会有的字体,或者即使没有也可以由默认字体替代的字体,并且不会太影响原设计效果,这样的字体在业内一般被称为安全字体,当然也有叫保守字体的。
这一点在英文网页设计上尤为重要,因为中文是方块字,字体对版面的影响还不是特别大,但英文都不同了。
一般英文安全字体:Times New Roamn、Arial、Comis Sans MS等
中文当然是楷体、仿宋、宋体、黑特等这些国标字了。
网页设计中的字体一般设置成12px,如果网页的东西相对比较少,也可以设置成14px,关于导航和其他的一般是用ps处理出好的效果,如果是文本一般为14以上并且带加粗。
UI设计师的原因
多数设计师用的设计软件(如:ps)大多数都是偶数,所以前端工程师一般都是用偶数字体。
浏览器的原因
其一是为了迁就ie6,万恶的ie6会把定义为13px的字渲染成14px,你可以写个页面试试还有一个原因是,偶数宽的汉字,比如12px宽的汉字,去掉1像素的间距,填充了像素的实际宽是11px,这样汉字的中竖线左右是平分的,以“中”这个字为例,在12像素时,竖线在中间,左右各5像素,显得均衡。
其二像谷歌一些比较流行的浏览器一般会有个默认的最小字体,而且对奇数字体渲染的不太好看
实际应用
偶数字号相对更容易和 web 设计的其他部分构成比例关系。比如:当我用了 14 px 的正文字号,我可能会在一些地方用 14 × 0.5 = 7 px 的 margin,在另一些地方用 14 × 1.5 = 21 px 的标题字号。
Windows 自带的点阵宋体(中易宋体)从 Vista 开始只提供 12、14、16 px 这三个大小的点阵,而 13、15、17 px 时用的是小一号的点阵(即每个字占的空间大了 1 px,但点阵没变),于是略显稀疏。
不是这样理解的 距离大小等适应情况 不是少用
一般用CSS定义为宋体或黑体,大小一般为9PT
当然会有些
特殊字
会大一些
而字体,如果你指定的字体,在别人电脑中没有,那么会按默认的字体来显示
宋体和黑体在多数电脑中都存在,所以这样定义
但是现在的网页
主要的字体还是宋体
字体的基本大小(页面中阐述内容的文字)是12px