helvetica

在上一期的文章里，我们介绍了时尚界的宠儿Didot、传达经典感的Trajan、 传达高级感的Optima以及传达工业感的DIN，本期继续给大家介绍一些经典英文 字体的特点和用法，希望能让大家有所收获。 传达信赖感的字体：Helvetica 这款字体堪称西文字体界最耀眼的明星，经久不衰，被广泛应用于全世界的官 方机构和企业，其中包括：3M、爱普生、德国汉莎航空、BMW、Jeep、川崎重 工、英特尔、无印良品、松下、微软、三菱电机、摩托罗拉、丰田、三星、渣打银 行等数百家企业以及政府机构。Helvetica看上去没有什么鲜明的特点和强烈的个 性，正因为如此，它的宗旨在于让人们去关注信息本身，当人们看到它的时候，一 种信赖感油然而生，这正是Helvetica经久不衰的原因所在。 2007年是helvetica诞生50年，作为在平面设计和商业上非常普及和成功的一 款字体，英国导演Gary Hustwit专门为她拍摄了一部纪录片《Helvetica》。最 后，我想说：当你不知该选什么字体时，用Helevitica准没错。 亲切优雅的手写体：Zapfino 当我第一次看到这款字体的时候，我就被它优雅的气质所迷倒了，像是一个舞 者翩翩起舞，散发§亲和力与高雅的品位，很适合应用在西餐厅、高级的红酒及巧 克力包装上，它的作者是世界著名书法家赫尔曼•查普夫（Hermann Zapf)，赫 尔曼

大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下： 一、首先我们看看各平台的默认字体情况 1、Window下： ·宋体（SimSun）：Win下大部分游览器的默认字体， 宋体 在小字号下（如12px、14px）的显示效果还可以接受，但是字号一大就非常糟糕了，所以使用的时候要注意。 ·微软雅黑（"Microsoft Yahei"）：从 Vista 开始，微软提供了这款新的字体，一款无衬线的黑体类字体，并且拥有 Regular 、 Bold 两种粗细的字重，显著提高了字体的显示效果。现在这款字体已经成为Windows游览器中最值得使用的中文字体。从Win8开始， 微软雅黑 又加入了 Light 这款更细的字重，对于喜欢细字体的设计、开发人员又多了一个新的选择。 ·Arial：Win平台上默认的无衬线西文字体（为什么要说英文字体后面会解释），有多种变体，显示效果一般。 ·Tahoma：十分常见的无衬线字体，被采用为Windows 2000、Windows XP、Windows Server 2003及Sega游戏主机Dreamcast等系统的预设字型，显示效果比 Arial 要好。 ·Verdana：无衬线字体，优点在于它在小字上仍结构清晰端整、阅读辨识容易。

博客园的样式代码： 皮肤是SimpleMemory 页面定制CSS代码如下 /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { font-size: 14px!important; } #home { opacity: 0.80; margin: 0 auto; width: 85%; min-width: 950px; background-color: #fff; padding: 30px; margin-top: 30px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba(100, 100, 100,

基础知识 serif和sans-serif字体之间的区别 西文字体分为两大族：衬线体（serif）和无衬线体（sans-serif）。像Times、Times New Roman等都是属于衬线体，而Arial、helvetica则是属于无衬线体。 衬线字体，意思是在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。 无衬线体是无衬线字体，没有这些额外的装饰，而且笔画的粗细差不多。 在计算机屏幕上，sans-serif字体被认为是比serif字体容易阅读。 字体系列 ont-family 属性设置文本的字体系列。 font-family 属性应该设置几个字体名称作为一种"后备"机制，如果浏览器不支持第一种字体，他将尝试下一种字体。 注意 : 如果字体系列的名称超过一个字，它必须用引号，如Font Family："宋体"。 各平台的默认字体情况 1、Window下： 宋体（SimSun） ：Win下大部分游览器的默认字体， 宋体 在小字号下（如12px、14px）的显示效果还可以接受，但是字号一大就非常糟糕了，所以使用的时候要注意。 微软雅黑（"Microsoft Yahei"） ：从 Vista 开始，微软提供了这款新的字体，一款无衬线的黑体类字体，并且拥有 Regular 、 Bold 两种粗细的字重，显著提高了字体的显示效果

font-family 是一个网站用户体验的第一入口，非常有必要花功夫来研究一下。我们首先需要了解衬线字体和无衬线字体，接着了解中英文的常用字体及其适用性。 衬线字体 衬线（ serif ）的笔画有粗有细的变化，在每一笔画上都自有风格，笔画末端会有修饰，强调艺术感，适合用于博客，旅游，文化，艺术类网站。 无衬线字体 无衬线（ sans-serif ）的字体工整方正，给人正式的感觉，适合政务类，企业类网站使用。 中文字体 Windows simsun ，宋体，也是 windows 下大部分浏览器的默认字体， font-size 较大时清晰度不佳。 Microsoft Yahei ，无衬线字体，微软雅黑，是微软委托中国方正设计的一款中文字体。 Mac OS STHeiti ，华文黑体， OS X 10.6 之前的简体中文系统界面默认字体，也是目前 Chrome 游览器下的默认字体。 STXihei ，华文细黑，比 STHeiti 文字更细。 Heiti SC ，黑体-简，从 OS X 10.6 开始，黑体-简代替华文黑体用作简体中文系统界面默认字体，显示效果不错，但是喇叭口设计遭人诟病。 Hiragino Sans GB ，冬青黑体，清新的专业印刷字体，小字号时足够清晰，拥有很多人的追捧。 PingFang SC ，苹方，在 Mac OS X EL Capitan 上

转载： https://www.cnblogs.com/luoxiaoyi/p/9689583.html 1.在公告栏显示自己的头像 右键自己的头像-选择查看源代码，或者是右键头像-查看元素。 <img src="//pic.cnblogs.com/avatar/1795873/20191024105803.png" alt="flypig6的头像" class="img_avatar"> 选择这一句复制，进入博客-设置 粘贴在博客侧边栏公告位置 2.在设置鼠标点击的效果 参考： https://www.cnblogs.com/wkfvawl/p/9414180.html js代码（需要申请js权限）： <script type="text/javascript"> /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤"); var $i = $("<span></span>").text(a[a_idx]); a_idx = (a_idx + 1) %

页面定制CSS代码 /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { font-size: 14px!important; } #home { opacity: 0.80; margin: 0 auto; width: 85%; min-width: 950px; background-color: #fff; padding: 30px; margin-top: 30px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } #blogTitle h1 {