没有合适的资源?快使用搜索试试~ 我知道了~
网页设计师的字体替换方法指南.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 103 浏览量
2021-10-07
20:56:57
上传
评论
收藏 1.45MB PDF 举报
温馨提示
试读
12页
网页设计师的字体替换方法指南.pdf
资源推荐
资源详情
资源评论
网页设计师的字体替换方法指南
写在这篇文章之前:中文网页字体的窘境
在国外的设计师幸福地讨论着如何不用图片进行字体替换时,当 Google Proudly 地提供越来越多
的web fonts 时,使用中文的网页设计师只能发出一声叹息。中文世界的网页字体窘境,不仅仅是由
于中文符号过多造成的字体文件过大这样的技术阻碍;更深一层的原因是,根本就没有几种可用的
好字体。
一方面,尽管一些中文字体提供商也在致力于提供不同平台的解决方案,字体价格还是贵得令人
乍舌,方正字库的年费高达万元,这对普通设计师来说很难承受。另一方面,制作中文字体是吃力
不讨好的事,几千个符号和 26个拉丁字母完全不在一个量级上;使用正版在中国一直是会呼吸的痛
,花大力气做出来的字体,拿不到多少钱,这又降低了制作好字体的积极性。
中文网页的常用字体,过去只有 “宋体 ”,现在微软增加了 “雅黑 ”,但 “雅黑 ”还算不上安全字体。在迫
不及待地使用雅黑时,我们仍然要注意降级问题。由于雅黑的字体大小、字距和宋体都有区别,我
们需要注意降级后,各个用户代理在排版上可能出现的问题。
使用非标准字体,最好的方案依然是图片替换。关于图片替换术已有许多文章论述,方法也各有
优劣,需要注意的关键点是:
1 可用性:注意在无 CSS 或无图片的情况下,依然能保证文档内容的完整性。尽量减少额外无意义
的标签。
2 图片负载:利用 GIF 、 PNG8 、 JPG 各自的特点,有针对性地制作替换图片,能有效地减少不必要
的图片尺寸。在几种格式中,首推 PNG8 ,即使在 IE6 中它的透明背景也能被正确显示。 PNG8 使用
的技巧是,输出时把 “杂边 ”设置为和背景接近的颜色。
总而言之,中文网页的字体,还没有接近完美的解决方法出现。就像下面这篇文章会告诉我们的,
完美不值得等待,只有积极地采用更新的技术,创造更好的作品。而无论中英文字体,是否采用非
标准字体永远只是一个技术问题,更重要的是设计师对字体的理解。我们能否理解每一个字符方寸
笔画之间的蕴含的意味,并适当地用在设计中,这是我们这些相对落伍的中文世界设计师要艰难完
成的任务。
============ 翻译开始的分割线 =============
原文地址: http://webdesign.tutsplus.com/articles/typography-articles/a-web-designers-guide-to-
font-replacement-methods/
受够了 Arial?厌倦了 Times New Roman? 文字替换术( font-replacement methods) 在过去的两年
中发生了显著的改善,但如果你没有持续关注这项技术,往往很难说出这些方法有什么不同。这篇
文章将讨论现今可用的不同的文字替换技巧。
我们将探讨每种技术的优点和缺点,字体使用授权,以及网络上最好的字体资源,以便于你能在自
己的网页设计中开始使用它们。
入门:字体替换术
Since the beginning of the web, designers have been restricted to a limited number of
fonts
从网页诞生之初以来,设计师们一直被有限数量的字体所束缚。
网页设计的潜力看起来正在一天天地增长。 HT ML5 ,CSS3 和Javascript 这样的技术应用带来了很
多令人惊喜而有创造性的网站设计。从纯文本的浏览器时代以来,网页已经走过一段很长的路。尽
管如此,网页设计中仍然有一个领域相对而言依然停滞不前。
在任何设计师的 “兵工厂 ”里,要创造网站的外观和 “感觉 ”,排版和字体选择是不可或缺的元素。不幸
的是,自网页诞生之初,设计师们一直被有限数量的字体所束缚。能被大多数的网页用户正确显示
,设计师能安全地使用的,还能让人提起兴趣的字体是极少的, Helvetica ,Arial 和Georgia 是其中
的三种(别忘了 Comic Sans )。
为了摆脱这种限制,用字体来表达创意,设计师使用的传统方法是把文字合并到图片中 —— 然而这
种方法有许多的缺点。增加了很多可用性问题,并随着加载时间增加,网站的性能也相应地受到负
面影响。
这篇文章会探讨一些在网页中不用图片加入非标准字体的方法。我们会看到每个方法的优点和缺点
,字体的使用授权,以及这项技术对网页设计师到底意味着什么。
Cufón
要在网页中加入非标准字体,使用 Cuf ón是一个简单、有效得难以置信的办法,它的功能不需要依
赖服务端的语言或插件。 Cuf ón只需要几行 Javascript 代码就能工作,它使用 HT ML5 的画布特性渲
染字体,并为 Internet Explorer 使用 VML ( Vector Mark-up Language 向量可标记语言)渲染字体
。
Cufón在主页上提供了一个字体转换工具,它能将你选择的字体转换为 SVG ,并为你创建一
个Javascript 文件,你需要在 html 中引用它。 Nettuts+ 的Jeffrey Way 曾写过一篇关于如何在你的网
页中集成 Cuf ón的step-by-step 优秀教程。
Cufón对很多网页设计师来说是一个很流行的选择,因为它有许多优点,相对来说几乎没什么缺点
。它不依赖其它脚本语言或插件,这意味着它对相当大部分受众都是可用的,并且被近期所有的主
流浏览器所支持,包括 IE9。你还可以直接对 Cuf ón替换的文字应用 CSS 样式,包括比较新的 CSS3
特性,例如渐变。考虑到速度,它比 sFIR 要快得多,而且没那么密集,但它仍然不应该被用在主体
的大段文字上。
优点:
缺点:
@font-face
剩余11页未读,继续阅读
资源评论
maodi_lzc
- 粉丝: 1
- 资源: 3万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功