黑体网页设计 第1篇
说到Helvetica这套字体，应该是设计师们的最爱了吧。这套字体属于 Realist风格，拥有简洁现代的线条，受到大部分设计师的追捧。这种字体给人一种简单、现代化、休闲轻松的感觉。适用于扁平化设计，也适合搭配任何设计项目，包括banner、平面设计以及网页字体等。在Mac下面被认为是最佳的网页字体，但在Windows下由于Hinting的原因显示很糟糕。
这个字体主要体现在苹果官网上，可以看下美国的官网。
黑体网页设计 第2篇
Tahoma是英文Windows操作系统的默认字体，这个字体比较均衡，是种非常圆滑的字体。这个字体和中文混排显示时，不会出现中英文不对齐的状态。这套字体解决了Arial大写“I”与小写“l”难以分辨的问题。也相当于在Arial上优化了不少。除此，细看这套字体，可以发现其实在一些笔划的处理上还是很精致的。
zui前端框架网站，英文字体的设置上也用到了这个字体，虽然不是第一优先选择，但是可以看出Tahoma这套字体的使用率也是很高的。
黑体网页设计 第3篇
奉行简练实在，去除装修，特征明显但又低沉，并针对移动端进行了像素级优化，具有现代感和未来感。包括5个字重。
把三款黑体放在一起比照，能够正常地看到字形有万纤细地不同，各有特点。
“思源黑体”胜在有7款字重，适用性更佳，但在Heavy字重下“阿里巴巴普惠体”显得更粗大健壮厚重，能够补偿思源黑体在规划运动、促销、游戏等职业时，力气感缺乏地缺陷。
引荐装置思源黑体+阿里巴巴普惠体Heavy字重。
思源黑体地歪斜字形
江城斜黑体能够看作思源黑体斜体版，字形歪斜12度，具有力气感，速度感。
保留了原字体7个字重，满意多种场景运用。
具有律动韵律感地黑体
江城律动黑字体向上歪斜5度，具有上下律动感，自带活动促销BGM，天然生成适用于活动、促销等广告语。
接下来引荐一些由思源黑体改造地黑体，都对简体中文有万较好地支撑，你们能够根据需要挑选下载。
字体获取办法关注 设计小蜗Y，本信回复“免费黑体”即可获取下载
黑体网页设计 第4篇
说到Arial，这套字体是微软公司网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，所以一般可以考虑用Tahoma字体来替代。这套字体方正、不花巧、方便阅读和印刷清晰。使用范围也是特别的广泛。但是要知道的是，苹果系统下是没有这套字体的，苹果系统下默认的是Helvetica。
可以看下禅道项目管理软件的英文网站，幻灯片采用的字体就是Arial，可以看下这套字体在幻灯片下粗细的组合形态。
黑体网页设计 第5篇
说到英文的称线字，肯定首选是Georgia。这套字体笔划粗重，衬线明线，轮廓较大，小字体显示也很清晰，同时细节还不错。此种字体风格优雅又精致，可用于电影海报、游戏、时尚类网页设计中。
林肯的官网，Georgia是官网的第二优先选择显示的字体。网站比较现代，在一些幻灯片当中结合了Georgia字体，称线字和非称线字的相结合，可以使得整个网站更生动。
在专业的网页设计里，除了Banner图、广告语等特殊情况可能会用到特殊字体，网页中使用的字体以不超过2种为准，并且最好采用标准字体，比如中文的宋体、微软雅黑，英文的Arial、Helvetica。只有使用这些系统自带的字体，才能让前端开发人员在排版时高程度地还原设计稿的文字效果。倘若使用了特殊字体，在设计font-family的时候，应该多设置几种字体的优先顺序，以确保网页显示的最佳效果。当然，我们一般情况下建议使用系统自带的字体。
以上8种网站中常用的字体介绍和示例，希望可以对大家有所帮助。