Enviar búsqueda
Cargar
Banquet 10
•
0 recomendaciones
•
269 vistas
Koubei UED
Seguir
Denunciar
Compartir
Denunciar
Compartir
1 de 19
Descargar ahora
Descargar para leer sin conexión
Recomendados
网站字体渲染-麦时
网站字体渲染-麦时
time zhong
Koubei banquet 33
Koubei banquet 33
Koubei UED
Koubei banquet 30
Koubei banquet 30
Koubei UED
Banquet 44
Banquet 44
Koubei UED
Banquet 16
Banquet 16
Koubei UED
Koubei banquet 25
Koubei banquet 25
Koubei UED
Koubei banquet 31
Koubei banquet 31
Koubei UED
Koubei banquet 20
Koubei banquet 20
Koubei UED
Recomendados
网站字体渲染-麦时
网站字体渲染-麦时
time zhong
Koubei banquet 33
Koubei banquet 33
Koubei UED
Koubei banquet 30
Koubei banquet 30
Koubei UED
Banquet 44
Banquet 44
Koubei UED
Banquet 16
Banquet 16
Koubei UED
Koubei banquet 25
Koubei banquet 25
Koubei UED
Koubei banquet 31
Koubei banquet 31
Koubei UED
Koubei banquet 20
Koubei banquet 20
Koubei UED
网站字体渲染 麦时
网站字体渲染 麦时
time zhong
前端样式开发演变之路
前端样式开发演变之路
Zhao Lei
Responsive Web UI Design
Responsive Web UI Design
jay li
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
Will Huang
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
Jackson Tian
网页设计及制作(Div+css)
网页设计及制作(Div+css)
lrk3
漫谈web前端
漫谈web前端
woody huang
非常靠谱 Html 5
非常靠谱 Html 5
Tony Deng
美团点评技术沙龙05 - 前后端联调方案探索与应用
美团点评技术沙龙05 - 前后端联调方案探索与应用
美团点评技术团队
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
移动互联网上的微视频处理与分发
移动互联网上的微视频处理与分发
drewz lin
Jobforcompal
Jobforcompal
Chiwei Tseng
前端开发的那些事儿
前端开发的那些事儿
jndream
Web development overview
Web development overview
Wei Sun
交點台大Vol.9 - 葉俊麟 - justfont分享
交點台大Vol.9 - 葉俊麟 - justfont分享
交點
常用交互设计工具
常用交互设计工具
Robert Luo
Dive into Responsive Web Design
Dive into Responsive Web Design
cncuckoo
炎炎夏日學 Android 課程 - Part2: Android 元件介紹
炎炎夏日學 Android 課程 - Part2: Android 元件介紹
Johnny Sung
使用NodeJS构建静态资源管理系统
使用NodeJS构建静态资源管理系统
Frank Xu
Go
Go
Feng Yu
Banquet 47
Banquet 47
Koubei UED
Banquet 51
Banquet 51
Koubei UED
Más contenido relacionado
Similar a Banquet 10
网站字体渲染 麦时
网站字体渲染 麦时
time zhong
前端样式开发演变之路
前端样式开发演变之路
Zhao Lei
Responsive Web UI Design
Responsive Web UI Design
jay li
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
Will Huang
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
Jackson Tian
网页设计及制作(Div+css)
网页设计及制作(Div+css)
lrk3
漫谈web前端
漫谈web前端
woody huang
非常靠谱 Html 5
非常靠谱 Html 5
Tony Deng
美团点评技术沙龙05 - 前后端联调方案探索与应用
美团点评技术沙龙05 - 前后端联调方案探索与应用
美团点评技术团队
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
移动互联网上的微视频处理与分发
移动互联网上的微视频处理与分发
drewz lin
Jobforcompal
Jobforcompal
Chiwei Tseng
前端开发的那些事儿
前端开发的那些事儿
jndream
Web development overview
Web development overview
Wei Sun
交點台大Vol.9 - 葉俊麟 - justfont分享
交點台大Vol.9 - 葉俊麟 - justfont分享
交點
常用交互设计工具
常用交互设计工具
Robert Luo
Dive into Responsive Web Design
Dive into Responsive Web Design
cncuckoo
炎炎夏日學 Android 課程 - Part2: Android 元件介紹
炎炎夏日學 Android 課程 - Part2: Android 元件介紹
Johnny Sung
使用NodeJS构建静态资源管理系统
使用NodeJS构建静态资源管理系统
Frank Xu
Go
Go
Feng Yu
Similar a Banquet 10
(20)
网站字体渲染 麦时
网站字体渲染 麦时
前端样式开发演变之路
前端样式开发演变之路
Responsive Web UI Design
Responsive Web UI Design
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
使用 C#/Razor 開發互動式 WebAssembly 網站 (Modern Web 2018)
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
网页设计及制作(Div+css)
网页设计及制作(Div+css)
漫谈web前端
漫谈web前端
非常靠谱 Html 5
非常靠谱 Html 5
美团点评技术沙龙05 - 前后端联调方案探索与应用
美团点评技术沙龙05 - 前后端联调方案探索与应用
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
移动互联网上的微视频处理与分发
移动互联网上的微视频处理与分发
Jobforcompal
Jobforcompal
前端开发的那些事儿
前端开发的那些事儿
Web development overview
Web development overview
交點台大Vol.9 - 葉俊麟 - justfont分享
交點台大Vol.9 - 葉俊麟 - justfont分享
常用交互设计工具
常用交互设计工具
Dive into Responsive Web Design
Dive into Responsive Web Design
炎炎夏日學 Android 課程 - Part2: Android 元件介紹
炎炎夏日學 Android 課程 - Part2: Android 元件介紹
使用NodeJS构建静态资源管理系统
使用NodeJS构建静态资源管理系统
Go
Go
Más de Koubei UED
Banquet 47
Banquet 47
Koubei UED
Banquet 51
Banquet 51
Koubei UED
Banquet 50
Banquet 50
Koubei UED
Banquet 49
Banquet 49
Koubei UED
Banquet 48
Banquet 48
Koubei UED
Banquet 46
Banquet 46
Koubei UED
Banquet 45
Banquet 45
Koubei UED
Banquet 43
Banquet 43
Koubei UED
Banquet 42
Banquet 42
Koubei UED
Banquet 41
Banquet 41
Koubei UED
Banquet 40
Banquet 40
Koubei UED
Banquet 39
Banquet 39
Koubei UED
Banquet 38
Banquet 38
Koubei UED
Banquet 37
Banquet 37
Koubei UED
Banquet 36
Banquet 36
Koubei UED
Koubei banquet 35
Koubei banquet 35
Koubei UED
Koubei banquet 34
Koubei banquet 34
Koubei UED
Koubei banquet 32
Koubei banquet 32
Koubei UED
Koubei banquet 29
Koubei banquet 29
Koubei UED
Koubei banquet 28
Koubei banquet 28
Koubei UED
Más de Koubei UED
(20)
Banquet 47
Banquet 47
Banquet 51
Banquet 51
Banquet 50
Banquet 50
Banquet 49
Banquet 49
Banquet 48
Banquet 48
Banquet 46
Banquet 46
Banquet 45
Banquet 45
Banquet 43
Banquet 43
Banquet 42
Banquet 42
Banquet 41
Banquet 41
Banquet 40
Banquet 40
Banquet 39
Banquet 39
Banquet 38
Banquet 38
Banquet 37
Banquet 37
Banquet 36
Banquet 36
Koubei banquet 35
Koubei banquet 35
Koubei banquet 34
Koubei banquet 34
Koubei banquet 32
Koubei banquet 32
Koubei banquet 29
Koubei banquet 29
Koubei banquet 28
Koubei banquet 28
Banquet 10
1.
第10期 Web字体那点事
Koubei F2E 三七 2009.11.25
2.
font-family: Arial, “幼圆”,“宋体",
sans-serif;
3.
通用字体族: 在所有指定字体都失效的情况下,浏览器指定的一种最终的相似代用字体。
4.
Serif:衬线字体族
Georgia Times New Roman 宋体 衬线戒粗细变化,使字体笔画的末端得到加强,以改善小号文字的可读性。 加强竖向笔划(比如宋体中竖比横粗),夸张字形(最明显的就是小写g)。 可读性非常好,所以它应用的最多的地方也正是出版物戒者印刷品的正文内容等 以大段文字作为表现形式的作品上。
5.
sans-serif:无衬线字体族
Verdana Arial 幼圆 比较圆滑,线条一般粗细均匀。 适合用作艺术字、标题等。 显示小字体的时候,可读性会降低,容易引起视觉疲劳。
6.
等宽字体族
monospace 书写字体族 cursive 梦幻字体族 fantasy
7.
凡是使用无衬线字体的,必须保证其在正文内容中的可读性。
否则,使用衬线字体。 http://www.cnblogs.com/ruxpinsp1/archive/2008/05/11/font-in-front-end-development-1.html http://www.cnblogs.com/ruxpinsp1/archive/2008/05/11/font-in-front-end-development-2.html http://www.cnblogs.com/ruxpinsp1/archive/2008/05/11/font-in-front-end-development-3.html http://www.cnblogs.com/ruxpinsp1/archive/2008/05/11/font-in-front-end-development-4.html http://www.blueidea.com/design/doc/2009/6389.asp http://www.uigarden.net/chinese/ziti
8.
body{
font: 12px/1.5 arial; } http://dancewithnet.com/2009/11/22/default-web-font-style/
9.
宋体 最通用的显示中文的Web字体
显示英文、数字、和英文字符效果糟糕 使用时采用unicode编码(5b8b4f53) arial 广泛存在(Win + Mac) 美观性不可读性得到验证(Google、YAHOO、Youtube、Bing、MSN) 绝大部分是中文 百度广泛使用,保证了安全性 中英文以及符号混排时的对齐问题 arial,sans-serif? Win7英文版+IE7下编码为GBK的页面会用sans-serif渲染宋体,导致变形
10.
font-size:12px
12px是宋体能显示的极限 丌用考虑基亍字体大小(em)的设计 Chrome3.0之后的中文版中,字体大小最小值是12px http://dancewithnet.com/2008/06/17/it-is-time-to-discard-font-size-adjustments/
11.
line-height:1.5
经验值,YUI:13*1.231=16.003px 在IE6和IE7中,行高值必须大亍字体的2px 设置line-height时,注意丌要使用单位(包括%在内) line-height : 1.25 是一个很好的最小行高设置 http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ http://webteam.tencent.com/?p=1503
12.
性能和效率 代码最少,简单好记,编写方便 大部分平台都有arial,减少浏览器的查找时间 所有的字母都小写,有利亍Gzip压缩 中文最好用unicode表示,避免编码问题 使用正确的字体种类写法,避免使用引号,缩小CSS的大小
13.
未来
2014微软雅黑 如果XP安装了微软雅黑而没有打开“使用屏幕字体的边缘平滑”选项时, 浏览器显示非常模糊,难以辨认。 @font-face Safari、Chrome、Firefox3.5 .webfont 使用列表info.xml Zip 压缩格式 Web Open Font Format(WOFF)Firefox3.6 TypeKit 、Fontdeck、Typotheque 第三方服务器许可 http://www.docin.com/p-2647154.html http://internet.solidot.org/internet/09/11/03/0646210.shtml http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K830.aspx http://www.comsharp.com/GetKnowledge/zh-CN/CMS_K441.aspx http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K832.aspx
14.
了觋规则才能打破规则
15.
IE9
硬件渲染 GPU 图像渲染引擎GDI Direct2D和DirectWrite APIs 更快的JS引擎 CSS3 圆觊 HTML5 http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx
16.
YUI3 http://hikejun.com/blog/?p=485 http://yuilibrary.com/~msweeney/yui-tests/slickspeed/ http://yuilibrary.com/~msweeney/yui-tests/taskspeed/
17.
雷军谈互联网创业: 我总结一下我认为成功的三个因素是什么呢? 第一个因素是1万小时的练习,第二个因素是找到 重大产业机会开始的那一点,就是势。再加上一点 点的运气,就会成功。用更简单的话说,创业最最 重要的是找到在正确的时间点做正确事情的这两个 关键因素上。如果把握了成功会相对容易。 http://news.csdn.net/a/20091124/215123.html
18.
498,438,559,990 http://internet.solidot.org/article.pl?sid=09/11/21/0419222
19.
Frog Design: 如果你选对了人,他们会想方设法的尽可能的 利用先进的科技来让设计师们设计的产品成为 可能,甚至引发科技的创新。当然,如果你选 错了人,那他可能只会对设计师说“丌行,这 是丌可能的”。
Descargar ahora