Tagged

排版

A collection of 4 posts

排版

网页字体排印指南

排版者应像手艺人一样遵循一条原则:做好自己的工作并隐于无形. 关于 网页上百分之九十五的信息是「文字」,大多数人浏览网页的状态就是阅读,也就是你目前正在做的事情. 因此作为一名前端工程师,让文字更好地在网页显示,是一件极其重要的工作. 字体排印有两种形式,一种称为 Creative Typography,另一种称为 Technical Typography. 前者倾向于设计,比如选择的字体表达的情绪,字间距的设定带来的视觉影响. 而后者更倾向于技术,以一套有迹可循的规则进行应用,比如实现「齐头尾」如何避免中西文混排造成的字间距拉伸,以及选择什么样的 font-family可以在多平台上最优显示等等. 本文主要围绕 Technical Typography 进行讨论. 选择字体 在 Web 上应用字体,是一门技术,同时也是一门艺术. 由于计算机历史发展的原因,西文有大量优秀的字体可供选择,可对于中文来说就是一项挑战. 主流操作系统提供的本地中文字体极少,另一方面中文字体组成的特殊性,其体积过于庞大,无法良好地使用 webfont. 所以编写健壮的 font-family 是一件需要深思熟虑的事情. 以下列出各种平台下合适的中西文字体: 桌面端

css

CSS文字排版终极指南

译自:[The Ultimate Guide to CSS Typography](http://www.threestyles.com/tutorials/css-tips-for-better-typography/) 中文:[CSS文字排版终极指南](http://www.qianduan.net/ultimate-guide-css-text-typography.html) 请尊重版权,转载请注明来源!多谢。 - - - - - - 在今天的设计中,排版常常被忽视,特别是被网页设计师忽视。这真是件遗憾的事情因为CSS可以做很多事情来控制我们的排版。也就是说,我们被局限于某些“网络安全”排版,但是我们不应该限制我们自己的创造性。本文整理了一些用于在网页上排版的CSS技巧。 Font属性 CSS提供了font属性,它允许我们在我们的页面中调整文字。这是一系列的关于语法和如何使用CSS调整文字的概述。 Font-size 使用font-size可以修改你的文字的大小。 font-size: 1.2em; font-size:

国外

【国外】20个漂亮的字体特效设计

印刷术在网络无处不在,它是用来表现便面信息。现代图形设计师的喜欢创造这种类型的设计,通过他们的创意作品显示他们的想法。今天,我们展示20个美丽的排版设计,显示来自于各位设计师卓越的创造力! VillaARTS Typographic by villa-arts SIGNAL DECEMBER by Demen1 ARTRIBUTE header by H3AD3AD Typographic Tempest III by leonardclagett BLACKOUT POSTER by Demen1 Friends search the heaven by DearArts 3D Text Requiem by d4m Children of the idiom Self Typographic Portrait by stillshots KEEP RENO