字体、光和颜色

42 阅读2分钟

字体

font-family: 字体名1, 字体名2, 字体名n, 字体系列名;
font-family: Verdana, Helvetica, "Microsoft YaHei", Arial;

1、系统会选择第一个字体,如果没有就用第二个字体,以此类推,所以我们应该在最后一个放一个通用字体,以保证正常显示 2、英文字体名应该放在中文的前面,以保证中英文字体不同 3、如果字体名有空格应该使用双引号 4、中文字体也建议使用英文名,如微软雅黑为Microsoft YaHei,以提高兼容性

字体分为衬线字体和无衬线字体,有人说衬线字体用于表达整体,无衬线字体用于表达个体,很难说哪个好那个不好 扁平化简洁风流行,微软,Google都是用了无衬线字体的logo Google

光和颜色

颜色有 色相(H) 饱和度(S) 明度(B) 光色的三颜色 红(red)、绿(green)、蓝(blue)它也是网页三颜色 红绿蓝是一种混合后会加色(怎么理解呢,它们混合到一起是白色) 颜色真的是很神奇的东西 我们都知道在CSS中rgb便是颜色

color: rgb(255,255,255);

因为它是加色模式,0最小,255最大,全部255就是相当于红绿蓝混合,也就是白 红和绿混合是什么呢,我们来试一下,颜色值改为rgb(255,255,0);答案是黄 很神奇,如果你想知道颜色混合到一起是什么颜色,可以改里面的值看效果 既然红绿蓝混合越来越白,那我们要得到黑色怎么办,我们什么都不涂不就是黑色了吗 在打印的时候我们在一张白纸上什么都不涂 那就是白色啦 这样就出现了印刷三颜色 青(cyan)、品红(magenta)、黄(yellow) 颜料的三颜色 它是减色模式,混合混合就是变成黑色(但是这个黑不是纯黑,就引入黑(black)) 很神奇,为什么红绿蓝是加色。青,品红,黄是减色

参考

Google 换 Logo了! 字体笔记 CSS font-family 网页字体使用小结 色彩设计的原理读书笔记--色彩知识