网上有关“适合大学生阅读的书籍”话题很是火热，小编也是针对适合大学生阅读的书籍寻找了一些与之相关的一些信息进行分析，如果能碰巧解决你现在面临的问题，希望能够帮助到您。

大学期间应看的60本好书 1张爱玲：《倾城之恋》

2.马格利特·杜拉斯《情人》

3.考林·麦卡洛《荆棘鸟》

4.村上春树《挪威的森林》

5.渡边淳一：《失乐园》《男人这东西》

6.钱钟书：婚姻的镜子——《围城》

7.劳伦斯：《虹》《爱恋中的女人》《查太莱夫人的情人》

8.泰戈尔：《飞鸟集》《草叶集》

9.塞林格：《麦田里的守望者》

10.米兰·昆德拉《生命中不能承受之轻》《缓慢》

11.西蒙娜·德·波伏娃：《第二性》

12.雪儿·海蒂：《性学报告》

13.德克旭贝里：《小王子》 第一章 假如爱情

14.让我来成全你的幸福——小仲马《茶花女》

15.灵魂的哲学与博——司汤达《红与黑》

16.越过爱情，看见备暧花开——简·奥斯丁《傲慢与偏见》

17.我爱你，与你无关——茨威格《一个陌生女人的来信》

18.这简直像戏一样——威廉·莎士比亚《罗密欧与朱丽叶》

19.爱永远不用说对不起——西格尔《爱情故事》

20.山在那里，你在心碎中微关——岩井俊二《情书》

21.充满暗礁的爱情海洋——加西亚·马尔克斯《霍乱时期的爱情》

22.爱情终究成了一种传说——阿兰·德波顿《爱情笔记》

23.温柔而坚强——夏洛蒂·勃朗特《简·爱》

24.粉色的小爱情——堀川波《我就喜欢你这样的地方》

25.有天堂，但是没有道路——北村《玛卓的爱情》

26.美与爱是独立的——川端康成《雪国》 第二章　生命本真

27.难缁糊涂的爱情与婚姻——列夫·托尔斯泰《安娜·卡列尼娜》

28.战火中成长的美丽与坚强——玛格丽特·米切尔《飘》

29.用哲学来思考——米兰·昆德拉《生命中不能承受之轻》

30.奥德修斯式的传奇——雨果《悲惨世界》

31.二十四小时，路过爱，走过禁区——霍桑《红字》

32.最残酷的爱和最不忍的恨——曹禺《雷雨》

33.值得一生的等待——帕斯捷尔纳克《日瓦戈医生》

34.再翅生命的人——海伦·凯勒《假如给我三天光明》

35.只有渺小的人物，没有渺小的爱情——西奥多·德莱塞《珍妮姑娘》

36.黄叶铺满地，我们已不再年轻——路遥《平凡的世界》

37.生佝寂寞，死的单调——萧红《呼兰河传》

38.爱上你的心——雨果《巴黎圣母院》

39.爱和欲的煎熬——福楼拜《包法利夫人》

40.我的成长与战争共呼吸——安妮·弗兰克《安妮日记》

41.沉重的枷锁——张爱玲《金锁记》

42.在自我面前忏悔吧——列夫·托尔斯泰《复活》

43.片刻的浮华盛世——莫泊桑《项链》

44.战争，让女人走开?——瓦西里耶夫《这里的黎明静悄悄》

45.包容的爱还是彻底的恨——艾米莉·勃朗特《呼啸山庄》 第三章　诗意盎然

46.从“黑暗意识”中苏醒——翟永明《女人》

47.溶解心灵的秘密——舒婷《舒婷诗集》

48.爱，我们曾共同用有——叶芝《当你老了》

49.你最荚的气质足自由——惠特曼《草叶集》 第四章　非常生活 50.此幸福，彼幸福——杨绛《我们仨》

51.成长是日的，爱足过程——张小娴《面包树上的女人》

52.用另一个角度来看婚娴——老舍《离婚》

53.一个女人的城市传奇——王安忆《长恨歌》

54.爱情与食物的辩证关系——徐坤《厨房》

55.勇敢地被启蒙——高尔基《母亲》

56.跳来跳去，你跳得出生活吗——契诃夫《跳来跳去的女人》

57.棘心天天，母氏劬劳——苏雪林《棘心》

58.有时候，钱也是安全感——亦舒《喜宝》

59.一切只是私人生活——陈染《私人生活》

60.让它变成事实吧!——王小波《黄金时代》

我想要serif和sans serif的历史～～谢谢大家哈

谢邀！1.什么是UI设计？《百度百科》中对UI设计作了这样的定义：“UI即User Interface(用户界面)的简称，UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。”用户界面（User interface） ，用户界面是一个比较广泛的概念，指人和机器互动过程中的界面，以手机为例，手机上的界面都属于用户界面。我们通过这个界面向手机发出指令，手机根据指令产生相应的反馈。设计这套界面视觉的人称呼为UI设计师。我们一般所说的UI设计多指UI视觉设计，主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展，纯视觉的工作已经开始日益减少，行业要求UI设计师也要懂点交互设计和产品方面的知识，即懂用户体验设计（User experience），国内称UE，国外叫UX（全栈设计师甚至要懂代码）。UI设计最后产出物是高保真视觉稿＋页面标注＋切图。出于成本考虑，有的中小型公司和初创型公司也会让UI设计师负责一些平面类的设计，如：海报、宣传册、LOGO等。所以，UI设计师如果会平面设计或手绘则是加分项，但不是必须项，不会也不用担心。UI设计是近年来关注度非常高的一个行业，UI设计师也是引发了很多人的关注。UI设计主要是图形设计和交互设计。图形设计就是传统意义上的美工，以前UI设计不受重视，所以美工地位不高，现在随着UI设计的兴起，美工也被称为UI设计师。其实UI设计师不是单纯意义的美术工人，而是软件产品的“外形”设计师。交互设计主要设计软件的操作流程、树状结构、操作规范等。在这个颜值当道的年代，UI设计师的水平高低直接决定了互联网产品（不伦手机还是PC）的颜值。撇开产品的质量，用户接触产品的第一印象，就是UI设计师的杰作，对于很多受众来说，一旦产品的颜值/第一印象达不到标准/审美，那下一步就是直接拜拜了。一个好的UI设计师，能给予产品一张标致的脸，能赋予有趣的灵魂新的价值，所以说UI设计绝不是打杂美工。2.UI设计师的分类：在PC端从事网页设计，我们称呼WUI（Web User Interface）设计师或者网页设计师。PC端UI设计，也就是电脑用户，界面指的就是电脑上的操作界面。像电脑版的QQ，微信，PS等软件和网页的一些按钮图标等，都属于PC端UI设计。在移动端，从事移动设计的称呼为GUI（Graphics User Interface）设计师，因为移动端会有大量图形用户界面设计。也就是说手机上的所有界面都是移动端UI设计。比如微信聊天界面，QQ聊天界面，手机桌面，手机上看到的所有图标界面点了后会有反应都可以理解成移动端UI设计。另外还有游戏UI，和其它UI ，比如像VR界面、AR界面、ATM界面、一些智能设备的界面，比如智能电视、车载系统等等，用户较少，但又需要，未来有可能很火，有可能保持现状。3.学习UI设计需要学习哪些软件？软件的掌握是一种硬技能，不管我们有多好的想法，都需要好的软件掌握来实现。我们需要掌握软件的基础操作，例如Photoshop中的形状工具、钢笔工具、文字工具、图层样式 。也需要了解曲线、色阶这部分图像调整功能。下面介绍一些在UI设计中常见的软件。Photoshop：是一款老牌像素处理软件。主要处理以像素所构成的数字图像。在图像、图形、文字、视频、出版等各方面都有涉及。各种设计行业图形处理都会用到Photoshop，可以满足UI界面设计的日常需要。Illustrator ：是矢量软件，广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等。在处理一些及其复杂的图形路径时候，可以考虑使用Illustrator ，也有设计师所有的图标在Illustrator 中完成，然后连接嵌入到Photoshop。After Effects：现在扁平化设计成为主流，所以动效设计成为不可或缺的一部分。可通过这个软件设计动效平滑切换界面。Axure RP：是一个专业的快速原型设计工具。让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。3.学习UI设计需要构建哪些知识体系？首先我们要知道在实际工作中“UI设计师主要是做什么事儿？”APP界面设计（IOS和安卓）、网页设计、banner设计、H5界面，这些都必须熟练掌握，也都是重中之重。经过对设计知识的重新梳理，我将所需要掌握的基本设计技能归纳为以下几点：色彩：需要理解色彩的基本原理以及配色方法。色彩很难把控，因为它很容易被过度使用。如果，你还是一个初学者，那么尽可能使用柔和的色彩，仅在需要强调的地方使用更醒目的色彩。字体与排版：文字往往占据整个设计内容超过80%的区域，所以理解如何使用正确的字体和排版方式非常重要。请将内容的清晰易读作为你定义字体和做排版的首要目标。动效：动效能够显着增强一个应用的用户体验。他们能使你的应用更有生气和迷人，前提是你所设计的动效快速、流畅，并且是符合用户预期的。图标：优秀的图标往往与我们每天见到的事物紧密关联，比如 相机、垃圾桶、云等等，能让人一眼就识别出它所代表的功能。因此，使用那些具有良好辨识度的图标，避免让用户产生混淆。UI要掌握的知识技能确实很多，但是你要是把顺序搞错了，你将浪费很多时间，走很多弯路。先从网页设计开始，同时学习平面设计的基础（三大构成，排版配色等）。然后再过度到APP，这样你会相对容易很多。图标之类的平时也需要多画画，特别是布尔运算要熟练掌握。图标这些可以让你对软件操作更加熟练，对图形的把握更加准确。能够根据产品的特点自己绘制一套符合产品个性的原创小图标。审美必须长期去培养，做的东西丑，主要是审美差，多看看优质的设计案例，多整理个人素材库，看到好设计及时收藏归类。审美提升这个过程是比较漫长的，只能多看、多分析。累积到达一定程度，会豁然开朗，立马开窍的。界面设计是最重要、也是最难掌握的。需要多花心思去分析需求，提炼信息，合理的布局排版，遵循交互逻辑，避免犯错。banner设计要加强练习，保证信息传递准确的前提下，提升设计形式感，包括文字的变形组合，色彩的搭配，背景氛围的烘托。这是设计师日常工作中非常重要的一部分。当你能轻松的设计出合格的界面了，接下来再搞搞AE小动画，Axure原型等等。记住，一定要抓重点，界面设计是最核心的。你一定要做出拿的出手的成套的作品，并且要对自己做的东西有一个深刻的理解，要说的上来为什么要这样去设计。4.UI设计师的基础修养大局观在进入一个未知的领域前，必须先了解这个领域的架构，待有了比较全面认知后再深挖，这其实也是大学专业课程设置的思路，先学习一门导论课，了解基本概念，再进入细分领域。同理UI设计，先对整个行业有总体认知，再去学技法层面的内容、规则，慢慢把知识库填充完整，这样，在学习前，就能做到心中有数。知识和技术基础如果说程序员一天中大部分时间都在当码农，那么设计师的时间都留给了Ps和AI这种处理软件，而这些也正是“美工”称呼的来源。娴熟的技法，是完美展现设计作品的必备条件，作为UI设计师，掌握这些常用软件也就成为了人人都会的基本功。绘画基础有人以为，设计师只要去图库网站找一些素材，借助工具进行修饰即可（这就是真美工了），借鉴固然是一种能力，但当你的技法娴熟到一定程度，就可以尝试创作，在知识和技法的积累上创作属于自己的作品。各平台设计规则iOS、Android、WP、Windows、Mac OX各个平台都有自己的设计规则和偏好，在移动端，连每款机型的分辨率、状态栏高度、导航栏高度、图标尺寸、字体、颜色值都有严格的规定。遵守这些规则也是业内的一些最基本的规矩了。理解能力产品经理常常会直接发需求文档给设计，能读懂产品文档、快速分析需求，定位出风格、色调、元素，最后迅速把产品需求视觉化，就是产品经理们最爱合作的设计师了。当然，与之相对的沟通能力也非常重要，千万不要发展成产品经理和设计师互杠互怼的情况。5.UI设计师的进阶修养个人审美能力为什么我们总喜欢发现新的事物并趋之若鹜？读与设计是来说除了应用本身生产的优质内容外，设计感是很重要的一点，那什么是设计感呢？投射到设计师身上，大概就是设计师自身的审美意识了和认同感了。至于审美意识要如何培养、提高，日积月累地浏览、学习、反复思考、琢磨，一千个人心中有一千个哈姆雷特，相信每个人的积累也会诞生出不同的东西。用户体验除了设计界面的UI设计师之外，互联网公司会专门设置专门的用户研究中心来处理用户体验的种种问题。但对于一个互联网产品的视觉设计，懂产品，懂用户，才能诞生出大众喜爱的产品设计。交互设计很多人分不清交互和UI，UI主要做的是图形用户界面，也可以称为GUI设计师；交互设计主要做处理点事人机互动的界面，任何与机器打交道的过程，都需要交互设计师来参与。但坦白说，现在的App中，有多少操作能把UI和交互完全清楚地剥离开来呢？一个好的产品，需要美观的界面和顺滑的交互，也就离不开设计师两种能力的相辅相成了。尤其现在，设计趋向扁平化的时期，只要遵循设计规范，交互设计甚至能出了设计稿后直接给开发去实现，单纯UI设计的存在感日益弱化。代码能力这几年互联网产品最火的推广方式是什么？自然是H5！那么如果一个设计师既能做好设计，又能完善布局前端代码，那么只要有一个简单idea，经过你的手就能完全实现。这种复合型人才会是多少公司争抢的对象呢？这就得看你个人能努力到哪一个程度了。好了，今天就先回答到这里，看完别忘记点赞哈~~~如果关于UI设计还有不懂的行业问题都可以私信我，看到后我会及时回复的。

技术简介

棕熊@Think Fast棕熊@Think Fast127.0.0.1,

sweet 127.0.0.1 <3博客园 社区 首页 新随笔 联系 管理 订阅 随笔- 21 文章- 0 评论- 489

[教程] 谈谈网页设计中的字体应用 (2) serif 和 sans-serif

Howdy, 大家好，又是我~

上一次我们简单的谈了一下font set和一些要注意的基本问题。今天我们继续字体这一话题，深入讲讲上次提到的“通用字体族”。首先是最常用的 serif 和 sans-serif 这两个通用字体族。

- serif

Serif 在印刷学上指衬线字体。为了理解衬线字体的概念，大家先看几个典型的衬线字体的例子：

My

Georgia字体 King

Times New Roman 字体 汉字

宋体

单词 My 中的字母 “M”上下方突出的短横线就是所谓的衬线。同样，y的上方，K的上下，i 和n的下方也都有衬线，所以这些字体都被称为衬线字体。但衬线字体并不一定都有衬线，比如上面例子中的g, “汉”和“字”。事实上，只要满足末端加强原则的字体都是衬线字体。所谓的末端加强，就是使用衬线或粗细变化，使字体笔画的末端得到加强，以改善小号文字的可读性。比如上面例子中的y的下半部分，还有宋体的中文字符，都是采取加粗笔划的末端来达到末端加强的效果。除此之外，很多衬线字体还会采用加强竖向笔划（比如宋体中竖比横粗），夸张字形（最明显的就是小写g这个字符了）等方法进一步改善它的可读性。

因为衬线字体的可读性非常好，所以它应用的最多的地方也正是出版物或者印刷品的正文内容等以大段文字作为表现形式的作品上。

比较常见的衬线字体有 Georgia, Garamond, Times New Roman, 中文的宋体等等。

- sans-serif

衬线字体以外的一切字体都是无衬线字体。sans- 这个前缀其实是法语，所以比较标准的发音是 /san/ 而不是 /sans/。它的意思是“没有”。所以sans-serif就是无衬线字体。

Gut

Verdana 字体 Might

Arial 字体 书写

幼圆

无衬线字体比较圆滑，线条一般粗细均匀。比较适合用作艺术字、标题等。因为无衬线字体通常粗细比较均匀，所以在小字体显示的时候，可读性会降低，容易引起视觉疲劳。

常见的无i衬线字体有 Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, 中文的幼圆、隶书等等。

- 什么时候用serif？什么时候用sans-serif？

从上面的介绍中，我们可以知道，衬线字体之所以被设计出来，就是为了用作正文内容的。大家可以随手抄起一张报纸，看看上面的文章是不是宋体。如果手头有外语读物的话，也可以翻来看一下，正文都是衬线字体。同样大小的衬线字体比无衬线字体容易阅读：

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

然后大家可以把报纸翻到头版头条——标题一般都会是各种粗细一致的综艺体或者是中黑体。英文报纸的标题大多也是无衬线的。这个就是应用他们的基本原则。

但是大家可以看很多网站——它们的正文内容恰恰是无衬线的Tahoma, Verdana, Arial等等。中文网站可能因为字体的局限性，仍旧使用宋体居多，但查看它们的样式表，就会发现候补字体也大多是无衬线的。这样是不是不好呢？

当然不是。

衬线字体的可读性其实仅仅体现在小字体上。大家可以拿出刚刚抄起来的报纸，和你显示器上的文字比较一下——你会发现，报纸上的文字比显示器上的文字整整小一圈。实际上，新明晚报上通常大小的宋体文字，在点距为0.25mm的高质量液晶显示器上，大小大约只相当于10px ~ 11px的显示字符；在普通的液晶显示器（点距一般为0.28mm）上，甚至可能只相当于8px~10px的显示字符。

这个就是 print media 和 screen media 的最大区别。印刷业为了节约成本，因此会尽可能的在保证可读的情况下，把文字印小。显示器不存在这样的成本，因此可以显示比较大的文字。在文字足够大的情况下，无衬线字体也是同样可读的。而且因为无衬线字体通常有艺术性，因此在显示器上显示通常比较赏心悦目；而且无衬线字体种类比衬线字体多得多，因此选择余地也很大。所以大家尽可以放心去使用。但是必须保证以下原则：凡是使用无衬线字体的，必须保证其在正文内容中的可读性。否则，使用衬线字体。换而言之，如果你要使用无衬线字体显示网页的正文内容，那么，你必须把它的font-size设的足够大，以保证用户能轻易阅读。

至于具体将font-size 设多大，是因字体而异的。12px 对于 Verdana 来说已经完全足够，但是要能轻易的阅读隶书，可能需要24px以上才行。

对于11px以下的英文字体，推荐使用衬线字体。至于中文，因为显示器的硬件限制，不论是什么字体，都不推荐使用11px以下的font-size来显示。

- 其他的通用字体族

印刷学中，除了serif 和 sans-serif 之外，通常还有 monospace 等宽字体、scripts 手写体（比如花体）、blackletter 铅字体（也叫 gothic 哥特体。严格的说，很多常用的serif字体其实是gothic字体）、ornamental 装饰体（那些在文字笔划上或者周围有装饰花纹的字体。很多中世纪书籍上很常见。如果脑残体真的成了字体，那么应该可以算装饰体吧……）和 symbol 符号字体（比如有名的wedding123……）。

不过CSS对通用字体族的定义有点不一样。除了serif 和 sans-serif 之外，CSS还允许以下几个通用字体族：

monospace 等宽字体

所谓的等宽字体，是指每个字符宽度都一致的字体。一个著名的例子就是 Courier New 字体。因为字符宽度一致，所以特别容易对齐，能快速精确的定位到某行某列，因此经常用来显示代码。

要注意的是，一个等宽字体同时也可以是一个衬线（或者非衬线）字体。比如 Courier New 这个字体也可以看作是一个serif（严格的说是gothic）字体。

cursive 书写体：相当于印刷学中的手写体。中文的华文行草就是这样的一个字体。

fantasy 梦幻体：相当于印刷学中的装饰体。非常少见的一种字体，基本没有参考价值。

要注意的是，CSS中不支持symbol字体族。使用symbol类的字体请用。

- 一些你不知道的事情

中文的黑体其实是衬线字体。大家可以看下面的图：

大家可以看到，其实黑体的确是经过末端加强的，所以很多印刷品的正文也会使用黑体。像这种使用温和的末端加强，笔划粗细大致一致的字体，其实也可以被称为petit-serif/小衬线体。（那些类似于宋体一样有显著末端加强，并且笔划粗细有明显区别的，通常称为slab-serif/雕版衬线体）

只是很遗憾，因为诸多的硬件原因，在显示器上实际显示黑体时，大家还是可以把它看作一个无衬线字体

Italic 不是斜体

斜体是oblique。Italic 顾名思义，是意大利体。Italic 是一种书写方式（calligraphy script），而oblique 是一种印刷样式，两者是不同的东西。中学英语习字册交授的书写方式就是意大利体。除了意大利体外，比较流行的书写方式还有法兰西体（就是传说中的花体字，正名是French Script）、哥特体、亚伯拉罕体等等。

很多考究的字体都会为意大利体定制一套特殊的字体，而不是简单的显示成斜体。比如下面的里，三行文字都是Georgia字体。第一行普通；第二行是oblique，也就是斜体；第三行才是真正的italic意大利体。

大家仔细看第三行的a, l, i, e 等字母——很明显的看出区别了吧。实际上，Georgia Italic 和 Georgia 在系统内是两个不同的字体文件。当我们指定 font-style: italic 的时候，系统就会自动搜寻是不是存在Georgia Italic这个字体，并尝试使用这个字体来显示文字内容。

按理说当我们用 font-style: oblique 指定字体样式时，浏览器不应该去寻找Georgia Italic这个字体，而直接将Georgia字体倾斜显示，所以理论上应该得到图中第二行文字的效果。可惜，连W3C在CSS规范中，自己的参考实现也说是“如果UA不能正确显示italic 和oblique, 可以使用italic来代替oblique显示”，所以几乎没有浏览器实现区分italic 和oblique。哪怕你设置的font-style是oblique, 你也会发现，浏览器显示的也还是italic

今天就到这里了。下一讲我会谈谈如何构建一个合理的font-family，并推荐几个使用的字体组合给大家。那么，再见了哟

Tag标签: 初学,教程,VI设计,心得,字体,font,css,font-family

posted @ 2008-05-06 00:19 棕熊 阅读(5219) 评论(37) 编辑 收藏 网摘 所属分类: CSS标准，又见标准VI设计

发表评论

回复 引用 查看 #1楼 2008-05-06 01:31 | 镜涛

沙发

回复 引用 #2楼 2008-05-06 06:02 | 飞雪尔 [未注册用户]

不错，之前研究过衬线无衬线字体，不过我自己倒是很喜欢无衬线的微软雅黑，在LCD显示和打印的表现上比宋体强太多了。

回复 引用 查看 #3楼 2008-05-06 07:25 | 生鱼片

学习

回复 引用 #4楼 2008-05-06 07:30 | 炎藤 [未注册用户]

那个圆幼体截图有些问题～

不像圆幼呐

不过本篇文章不错，收藏了:)

回复 引用 #5楼 2008-05-06 07:49 | zjfeiye [未注册用户]

好文，学了不少，很多东西以前都是知其然不知其所以然，只知道这么去用

另外，经常看见CSS引入的Link中有个media=“screen”是否就是楼主提到的意思呢？

回复 引用 查看 #6楼 2008-05-06 08:22 | 李战

回复 引用 查看 #7楼 2008-05-06 09:27 | JackMa

很好，很专业。世事洞明皆学问。这个Blog也很有特色啊。

回复 引用 查看 #8楼 2008-05-06 09:27 | Yannic Yang

一直在考虑我的dopod手机上到底用雅黑好还是宋体好

有答案了～看得清就好 呵呵

我决定用雅黑 然后把字体变大一号

另外

感觉这几年css越来越成熟了……

各方面都支持很细了

我还停留在几年前讨论用table还是div的时代

万恶的ie6啊...

回复 引用 查看 #9楼 2008-05-06 09:44 | 想爱就去爱吧

研究比较深刻

回复 引用 查看 #10楼 2008-05-06 09:44 | airwolf2026

mark

回复 引用 #11楼 2008-05-06 09:48 | 一个农民 [未注册用户]

太有才了,请问楼主,我的衣橱的单色小图标是用什么工具做的,最近我在研究xara xtreme ,楼主有用过吗?

回复 引用 查看 #12楼 2008-05-06 10:06 | 杨正祎(阿一)

中间一个大大的“禁”字吓了我一跳，还以为是18禁网站呢。呵呵呵。。。

回复 引用 查看 #13楼 2008-05-06 10:07 | 杨正祎(阿一)

@zjfeiye

那个是指定css的使用终端。显示器，还是打印机，还是其他……

回复 引用 查看 #14楼 2008-05-06 10:42 | 小生

学习

回复 引用 查看 #15楼 [楼主]2008-05-06 10:49 | 棕熊

@炎藤

那个不是截图哦，是实际的文字

@Yannic Yang

雅黑的好处就是它是一个专门设计用来显示的字体，所以它对显示做过优化，自然是比较理想的选择

@一个农民

不知道你说的是哪个图标？我的衣橱上一般的图像都是photoshop搞的（而且不是我搞的）

一般我自己做图形设计都会用adobe的那一套了，其他的图形设计软件基本不常用

@杨正祎(阿一)

这个是用来测试人品的阿哈哈……

开个玩笑。其实用这个字，是因为这个字包含横竖撇捺勾，而且笔划密度很合适演示。

回复 引用 查看 #16楼 2008-05-06 10:58 | 平静中的疯狂

很好，很喜欢。

回复 引用 #17楼 2008-05-06 12:03 | sorcom [未注册用户]

确实大牛。不过页面打开始终较慢。

回复 引用 查看 #18楼 2008-05-06 12:42 | Cat Chen

中文研究字体的人确实很少，能够有人说说字体的问题真好。

回复 引用 #19楼 2008-05-06 15:11 | soaroaroar [未注册用户]

咳咳...这个...其实此文内容只要是认真配过linux环境字体和浏览器都知道...不能算新鲜，但还是很感谢楼主的辛勤劳动~这对于教育眼界狭窄的IE开发社群是很重要的

回复 引用 查看 #20楼 2008-05-06 20:58 | 二手的程序员

那个"汉字"两个字使用的是网页默认字体,当用户把网页默认字体设定为其它字体的话,就不会显示为宋体了.

回复 引用 查看 #21楼 [楼主]2008-05-07 00:17 | 棕熊

@二手的程序员

这个其实是一个字体名称alias的问题

因为这个blog是用Live Writer 写的，所以在根本就没注意的情况下Live Writer自动将源代码中的中文字体名称转换成了alias，所以只有IE下才正常了

现在在博客园的编辑器里改了下，应该没问题了

回复 引用 查看 #22楼 2008-05-07 09:37 | 二手的程序员

看样子你也是个极端追求完美的人

回复 引用 查看 #23楼 2008-05-07 11:11 | 狼Robot

学习

回复 引用 查看 #24楼 2008-05-07 12:18 | Rivers Zhao

学习了.楼主见多识广啊.

回复 引用 查看 #25楼 2008-05-07 13:02 | GoGoSonny

期待下一讲！！！

回复 引用 查看 #26楼 2008-05-09 10:08 | jason_lb

rss每讲必读，firefox下浏览很舒畅

回复 引用 查看 #27楼 2008-05-11 10:22 | jasonoiu

真的是不错，学到了不少东西，

期待你的下一讲！

回复 引用 查看 #28楼 2008-05-11 23:13 | volnet（可以叫我大V）

博主让我知道了很多前所未闻的东西，激动啊……

很关心最后那些oblique 和Italic之间的区别楼主是如何知道的？不小心撞到的还是特地研究的，那动机呢，哈哈，要是你不说两个有区别我压根不会知晓啊。哈哈。

回复 引用 #29楼 2008-05-25 21:37 | hax [未注册用户]

汉字不要11px以下并非硬件限制，而是没有11px以下的点阵字。而矢量字方面，因为汉字笔画较多，很难缩小到一定比例之下仍保持可辨识。西方文字使用hint技术来提升小分辨率下的矢量字体，但是汉字很难做到，因为字数太多，制作hint的成本过大。

回复 引用 #30楼 2008-06-01 11:42 | southsiberia [未注册用户]

牛啊，我有两个问题想问你，西里尔文和阿拉伯文都是拼音文字，不像汉语，例如如果用户本地计算机没有相关字体的话网站一般都会制作成EOT文件，在用户第一次打开网页的时候自动加载这些文字字体（我做了10几次EOT文件，但是时而失败时而莫明其妙的成功，让人无语啊！），有没有替代方案除了flash矢量（我自己也不太清楚）.

还有个问题就是阿拉伯文和汉语混排的时候如果汉字12px可能很好看，但是对于阿拉伯文来说就字体大小太小可能会不好看，如何分别定义不同文字字体大小？

回复 引用 查看 #31楼 [楼主]2008-06-03 10:31 | 棕熊

--引用--------------------------------------------------

southsiberia: 牛啊，我有两个问题想问你，西里尔文和阿拉伯文都是拼音文字，不像汉语，例如如果用户本地计算机没有相关字体的话网站一般都会制作成EOT文件，在用户第一次打开网页的时候自动加载这些文字字体（我做了10几次EOT文件，但是时而失败时而莫明其妙的成功，让人无语啊！），有没有替代方案除了flash矢量（我自己也不太清楚）.

还有个问题就是阿拉伯文和汉语混排的时候如果汉字12px可能很好看，但是对于阿拉伯文来说就字体大小太小可能会不好看，如何分别定义不同文字字体大小？

--------------------------------------------------------

这个具体没有怎么研究过，各浏览器对@font-face的支持本来就比较汗，何况ms EOT文件还是个IE only的东东？

至于字体大小，其实有个css规则叫font-size-adjust，可惜也不是所有主流浏览器都支持。目前可以在这种混排的汉字外面加一个<span lang="zh" >，再去设这个span的样式，酱紫

回复 引用 查看 #32楼 [楼主]2008-06-03 10:33 | 棕熊

--引用--------------------------------------------------

volnet（可以叫我大V）: 博主让我知道了很多前所未闻的东西，激动啊……

很关心最后那些oblique 和Italic之间的区别楼主是如何知道的？不小心撞到的还是特地研究的，那动机呢，哈哈，要是你不说两个有区别我压根不会知晓啊。哈哈。

--------------------------------------------------------

这个是以前学印刷学的时候学得啦，呵呵

回复 引用 #33楼 2008-06-03 19:14 | southsiberia [未注册用户]

多谢楼主解答，郁闷中。。。。。。。。。。。

回复 引用 查看 #34楼 2008-06-15 11:43 | Joyaspx

确实挺专业，对字体有了更多的了解了……

回复 引用 #35楼 2008-11-14 15:44 | 不不 [未注册用户]

好文。不得不顶。

回复 引用 #36楼 2009-02-19 23:31 | eddie yang [未注册用户]

自己用了那么久Georgia italic，现在才知道不是叫斜体，是意大利体

回复 引用 查看 #37楼 2009-04-11 19:51 | Aaron@Live

请教博主一个问题：

一个多语言的网站，主要是中文和英文，以后可能会扩展，如何在CSS里设置网站的默认字体顺序而让网站达到最好的可读性和美观性？

谢谢！

刷新评论列表 切换模板

发表评论

姓名 [登录] [注册]请输入你的姓名

主页

Email (仅博主可见)邮件地址无效

请输入验证码

验证码 * 看不清,换一张

内容(请不要发表任何与政治相关的内容) 请输入评论内容

想知道园子里有多少女程序员吗？

[热点话题]“有道难题”编程挑战赛

.NET 新手小组

博客园.NET频道

Remember Me?

登录 使用高级评论 新用户注册 返回页首

[使用Ctrl+Enter键可以直接提交]

导航: 网站首页 社区 新闻 博问 闪存 网摘 招聘 .NET频道 知识库 找找看 Google站内搜索

China-pub 计算机图书网上专卖店！6.5万品种 2-8折！

China-Pub 计算机绝版图书按需印刷服务

相关文章:

ASP.NET 2.0数据教程之三：母板页和站点导航

ASP.NET 2.0数据教程之十：使用 GridView 和DetailView实现的主/从报表

深度金山词霸2009破解版 (牛津版)（附绿色完整破解版和破解补丁下载）

关于IE问题，请教和求救

精选31个网站界面设计实践教程

Firefox 社区向 Opera 标准教程示好

想学习uml画图，那个能推荐下教程和工具。

哪里有WPF的教程

教程的问题

组长是不是发点教程来呢

相关链接:

如何使用Div+CSS布局？

精通CSS与HTML设计模式

超越CSS:Web设计艺术精髓

Web设计创新思维--用CSS、DOM脚本和XHTML进行Web设计创新

博客园推荐技术图书：大话设计模式

CSS禅意花园

牛奶咖啡：还是会寂寞 Thinking Of You

最新IT新闻:

Firefox 3.5第二个RC候选版发布

谷歌中国被暂停境外网页搜索和联想词搜索

淘宝网COO称不会放弃收费打算

iPhone 3.0十条未公开的秘诀

Intel研究日：未来技术规划与概念展示

公告

我的最新闪存

C'est sexy le ciel de Californie, sous ma peau j'ai L.A. en overdose.

< 2009年6月 >

日 一 二 三 四 五 六

31 1 2 3 4 5 6

7 8 9 10 11 12 13

14 15 16 17 18 19 20

21 22 23 24 25 26 27

28 29 30 1 2 3 4

5 6 7 8 9 10 11

版权声明

除特别声明外，本站一切资源均适用于

This work by 棕熊 is licensed under a Creative Commons Attribution-Noncommercial-No Derivative Works 2.5 China Mainland License

PS: 这个blog目前暂时不能完美支持IE6

常用链接

我的随笔

我的空间

我的短信

我的评论

更多链接

我的参与

我的新闻

最新评论

我的标签

留言簿

给我留言

查看留言

发短消息

我的标签

css(8)

初学(6)

教程(6)

VI设计(5)

心得(5)

字体(4)

font(4)

HTML(4)

font-family(4)

贴图(3)

随笔分类(39)

CSS(8) (rss)

HTML/XHTML(4) (rss)

iPod Touch Fan(1) (rss)

JavaScript(3) (rss)

VI设计(5) (rss)

标准，又见标准(8) (rss)

设计模式(2) (rss)

随便写写ykyd @@(8) (rss)

随笔档案(19)

2008年9月 (1)

2008年8月 (1)

2008年7月 (2)

2008年6月 (1)

2008年5月 (4)

2008年4月 (10)

博客园好友录

Caling Xie's Blog (rss)

Dannachen (rss)

Dflying Chen @ cnblogs (rss)

Flyingis (rss)

Otter (rss)

YES！B/S！ (rss)

黛比若薇 - QA world (rss)

老赵点滴 (rss)

墙头草的Blog (rss)

星辰.net技术社区 (rss)

最新随笔

1. [多图尝鲜] Google Chrome 试用 Tips

2. 嘿嘿，插播消息，最新一期的流言终结者

3. [Quicky] block 和 inline 答案揭晓~ 另付一则，关于 word-break

4. [Quicky] block 和 inline 的区别是？

5. [教程] 谈谈网页设计中的字体应用 (4) 实战应用篇·下

6. Hiatus

7. [教程] 谈谈网页设计中的字体应用 (3) 实战应用篇·上

8. [教程] 谈谈网页设计中的字体应用 (2) serif 和 sans-serif

9. [快报][贴图] ANSI Art 的新形式 - CSS-ANSI Art

10. [教程] 谈谈网页设计中的字体应用 (1) Font Set

11. 关于本博客博皮的几点改进与释疑

12. [JOKE] I like Gnus!

13. [浅谈 演示] 你所不知道的HTML - 从 XHTML2 到 HTML5 (1)

14. [贴图] 发个自画像阿哈哈

15. [图解] 你不知道的 JavaScript - “this”

16. [贴图] Noir Theater

17. 让你的网页支持 iPhone SpringBoard 图标

18. 稍微谈一下 javascript 开发中的 MVC 模式

19. Say "Hello World" to cnBlogs

最新评论

1. re: [教程] 谈谈网页设计中的字体应用 (4) 实战应用篇·下

不错的文章，令我受益匪浅！ (nmgfrank)

2. re: [教程] 谈谈网页设计中的字体应用 (2) serif 和 sans-serif

请教博主一个问题：

一个多语言的网站，主要是中文和英文，以后可能会扩展，如何在CSS里设置网站的默认字体顺序而让网站达到最好的可读性和美观性？

谢谢！ (Aaron@Live)

3. re: [教程] 谈谈网页设计中的字体应用 (3) 实战应用篇?上

我想问下，熊大哥的电脑操作系统是什么？我觉得很是喜欢。。。。唔唔唔~还有字体真漂亮。 (翔猫)

4. re: [多图尝鲜] Google Chrome 试用 Tips

不错支持下！ (双色球)

5. re: 嘿嘿，插播消息，最新一期的流言终结者

好大一块白板 (刷)

阅读排行榜

1. 嘿嘿，插播消息，最新一期的流言终结者(29748)

2. [浅谈 演示] 你所不知道的HTML - 从 XHTML2 到 HTML5 (1)(5598)

3. [教程] 谈谈网页设计中的字体应用 (2) serif 和 sans-serif(5219)

4. [贴图] 发个自画像阿哈哈(5069)

5. [教程] 谈谈网页设计中的字体应用 (1) Font Set(4938)

6. [图解] 你不知道的 JavaScript - “this”(4200)

7. [教程] 谈谈网页设计中的字体应用 (3) 实战应用篇·上(3996)

8. [教程] 谈谈网页设计中的字体应用 (4) 实战应用篇·下(3901)

9. 关于本博客博皮的几点改进与释疑(3630)

10. [Quicky] block 和 inline 的区别是？(3329)

评论排行榜

1. 关于本博客博皮的几点改进与释疑(59)

2. [教程] 谈谈网页设计中的字体应用 (1) Font Set(53)

3. [贴图] 发个自画像阿哈哈(51)

4. [图解] 你不知道的 JavaScript - “this”(49)

5. [浅谈 演示] 你所不知道的HTML - 从 XHTML2 到 HTML5 (1)(38)

6. [Quicky] block 和 inline 的区别是？(38)

7. [教程] 谈谈网页设计中的字体应用 (2) serif 和 sans-serif(37)

8. Say "Hello World" to cnBlogs(32)

9. [快报][贴图] ANSI Art 的新形式 - CSS-ANSI Art(28)

10. [教程] 谈谈网页设计中的字体应用 (3) 实战应用篇·上(27)

Copyright ?2009 棕熊

Blog theme THE POWER OF ROCK by 棕熊

And just a remind, this theme is NOT optimized for IE6 or earlier browsers. So if you are still using it, get Firefox for your own benifits.

从网上淘的，看不懂，也许对你有帮助

?随着计算机在新闻及图书出版业领域的广泛应用，各种电子出版物如雨后春笋班不断涌现，尤其是随着互联网技术的发展，网络电子杂志、商务网页、社交网络平台更是多如牛毛。而不管是出版社的报纸或是图书，还是互联网上的各种电子信息，一般都是通过键盘录入、OCR识别或语音识别等方式进入计算机的。这些录入方式在目前的技术水平下都不能保证所输入的信息准确无误。文本校对已经成为报刊、书籍出版前的审核把关的重要环节，它直接影响着出版物的质量。随着近年来出版行业业务量和电子化的飞速发展，校对环节的工作量大大增加，使得传统人工校对方法越来越成为印刷出版自动化的瓶颈，解决录入信息的准确性问题已经成为耽误之急。

?因此使用计算机来代替人进行文本校对工作意义重大，计算机校对比人工校对具有明显的优点，主要体现在以下几个方面：

?（1）计算机校对的速度快、效率高、不疲劳。校对工作本身是一种比较机械的工作,校对人员长时间地面对密密麻麻的汉字、字母、标点符号和各种算式，眼晴和精神都十分疲劳，往往在精神上产生一种烦情绪，注意力的广度和稳定性均直线下降，如果没有良好的敬业精神，甚至就会匆匆地测览而过，差错也就不知不觉地隐伏下来，给图书的编校质量造成影响。计算机校对则不存在疲劳和烦躁的问题，且它的速度和效率更是人工校对所望尘莫及的。

?（2）计算机不存在工作态度、心理情绪等问题，人工校对因不同人员的工作环境、工资待遇等的不同而会影响校对人员的工作态度或心理情绪，造成对文本校对质量的影响，而这种由于工作态度或心理情绪问题，在计算机上是不存在的。

?（3）计算机校对软件里的词库和专业术语词库容量非常之大，非一般的人工校对员的知识面所能比，且校对不同专业的书稿时，可挂接不同的专业术语词库，因此，对中文字、词、语法错误，不符合汉语语法和语义的词搭配错误、***人名和职务搭配错误、科学计量单位使用不规范、成对标点的错误使用、某些数字错误、不符合所挂专业词库的术语及英文单词拼写错误等均可迅速查出并标红。另外，对那些人工校对容易忽略的错误，如“冲刺”和“冲刺“(误)，“竟争”和意争”(误)，“震撼”和“震憾 (误)，“气概”和“气慨(误)，“治理”和“冶理”(误),“已经”和“己经”(误)等 等,电脑均能快速、准确地查找出来。

智能化中文文本校对校对系统的组成：

?智能化中文文本校对系统主要包括知识获取模块、预处理与分词模块、自动查错模块和自动纠错模块四个主要模块，同时还包括预处理知识库、查错知识库、纠错知识库等知识库系统。各个模块之间的关系如图1所示：

? （1）知识获取模块： 从大规模语料库(包括生语料和熟语料)中获取语言统计知识，用以建立文本自动查和自动纠错的语言模型与算法。知识库由两部分构成：查错知识库和纠错知识库，查错知识库主要用于文本查错模型与算法，包括从生语料中获取的字频向量表、二元、三元字字同现率表，从分词和标注后语料中获得的词频向量表、词二元同现表、词性二元和词性三元同现表、二元义类大类和义类中类同现表、同时还包括句法知识库和政治性规则库。错知识库主要用于对标红的错误给出错建议，包括易混淆词典、相似码字词词典、字驱动双向词典、英文单词骨架键词典以及似然匹配规则。进行纠错建议排序时，还要用到查错知识库中的字词接续(由同现数据得到) 和词性接统计知识。

?这部分是独立于系统之外单独用来从语料中获取统计知识的,与其他三部分在程序上没有紧密的连接。

? （2）预处理与分词模块： 预处理和分词模块主要是对校对的文本进行分词，目前我们的系统能够识别纯文本格式(DXT)和富文本格式(RF)，对于其他格式的文本文件，如Word、PDF、WPS和华光格式，需要进行格式转换，去掉控制符，生成纯文本的格式。分词是大多数自燃语言处理系统的基础，本系统也不例外，我们实现了最大配的分词模块，该模块同时具有人名、地名的识别功能，由于使用插件式结构，本系统完全可用于分词模型与算法的试验，也可以将现有的效果较好的分词程序方便地接入我们的系统，用于查模型和纠错模型。

? （3）自动查错模块： 该模块主要实现了各种查错模型与算法，该模块的主要功能是进行中文文本错误的侦测查错，具体来说包括中文文本的字词级、句法级、语义级和政治性错误的侦测，对于字词级错误，我们主要在中文文本中的“非多字词错误”与“真多字词错误”的分类思想的基上，采用规则与统计相结合的方法进行错误侦测；对于句法级错误，在句法规则和语法词典的基础上，采用语法词典与统计相合的方法进行错误侦测；对于语义级错误，在义元理论的基上，采用语义搭配知识库与证据理论相结合的方法进行错误侦测；对于政治性错误，在政治规则库的基础上，采用知识推理的方法进行错误侦测。该部分的输出是対错误字串进行了标记的文本，其结果由标红子过程标示后显示在屏幕上 。

? （4）自动纠错模块： 本模块主要实现了纠错建议的生成算法与排序算法，本项目的纠错建议生成算法是基于错误成因的。对于排音类错误，在特定大小的滑动窗口内，采用双向拼音匹配的方法进行错误的定位和纠错建议生成；对于五笔类错误，在特定的似然匹配规则的基础上，采用相似码计算的方法解决错误的定位和纠错建议生成问题。对于纠错建议排序，本项目构建了基于语义并置理论和上下文语境提出纠错建议的排序模型，通过融合上下文信息、大规模语料库和编码信息进行各个纠错建议化先权值确定，当优先权值确定之后，使用快速分类或冒泡法的排序算法对纠错建议进行排序。

?智能化立体仓库历经立体仓库、自动化立体仓库两个发展阶段演变而来的，其发展历程如下图所示：

?智能化立体仓库系统集计算机信息管理、计算机控制技术与机械工程于一体，用于解决物流领域仓储利用低、占用土地多、物流效率低的问题。在机械零部件制造、医药、烟草、快消品、电子商务等领域具有广阔的应用前景。本项目通过校企合作，在相关科研项目的支持下，针对智能化立体仓库系统中WMS、WCS以及物流设备中的关键技术问题开展了长期深入的研究。

?通过不断的深入研究，我们确定了智能化立体仓库软件部分的三层架构，如下图所示：

?WMS管理系统是仓库自动化管理系统的核心，它包括仓库信息管理，库存管理，出入库管理及报表等一系列管理功能，WMS管理系统功能模块结构如下图所示：

?调度系统负责堆垛机、输送机、叉车等各种硬件设备的调度指令的下发，调度系统结构图如下：

关于“适合大学生阅读的书籍”这个话题的介绍，今天小编就给大家分享完了，如果对你有所帮助请保持对本站的关注！