font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif详解

在phpcms v9的样式表文件reset.css中有如下一段样式,具体什么意思?
代码如下:
body,html,input{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}

解释:
这是css中font的简写写法。
字体:字体大小/字体行高 字体格式。

详写如下:
body,html,input
{
font: 12px;
line-height: 1.5;
font-family: tahoma,arial,\5b8b\4f53,sans-serif;
}

注:
tahoma   大河马字体,Tahoma为Windows操作系统的英文默认字型。Tahoma是种非常圆滑的字体。这个字体比较均衡,中英文混排显示时,不会出现中英文不对齐的状态。

arial   是一套随同多套微软应用软件所分发的无衬线体TrueType字型

sans-serif    表示是无衬线字体,是一种通用字体族。

"\5b8b\4f53″ 就是 “宋体”。用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。注释乱码:强烈建议不要用中文注释。font-family:’宋体’
为了方便大家好查,整理了些中文名 Unicode,特此献给其他前端开发的朋友们
新细明体 \65B0\7EC6\660E\4F53
细明体 \7EC6\660E\4F53
标楷体 \6807\6977\4F53
黑体 \9ED1\4F53
宋体 \5B8B\4F53
新宋体 \65B0\5B8B\4F53
仿宋 \4EFF\5B8B
楷体 \6977\4F53
仿宋_GB2312 \4EFF\5B8B_GB2312
楷体_GB2312 \6977\4F53_GB2312
微软正黑体 \5FAE\x8F6F\6B63\9ED1\4F53
微软雅黑 \5FAE\8F6F\96C5\9ED1

时间: 2024-12-28 01:46:18

font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif详解的相关文章

关于中文字体的设置说明(font:12px/1.5 tahoma,arial,\5b8b\4f53)

定义全局字体是这样的font:12px/1.5 tahoma,arial,\5b8b\4f53 前面的12px字体,1.5表示行高,18px 后面的\5b8b\4f53为什么写成这样的呢? 请教百度谷歌 发现"\5b8b\4f53″ 就是 "宋体".用 unicode 表示,不 用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法. 注释乱码:强烈 建议不要用中文注释.font-family:'宋体' 为了方便大家好查,整理了些中

Java的字体类详解(Font)-摘自Java API文档

字体是个非常平常的概念,以至于看到Java API文档对于字体的长篇大论的说明时,我突然感觉自己很无知. 以下是英文原文: java.awt.Font The Font class represents fonts, which are used to render text in a visible way. A font provides the information needed to map sequences of characters to sequences of glyphs

[转] css3中-webkit-text-size-adjust详解(font-size<12px时)

1.当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;} 2.-webkit-text-size-adjust放在body上会导致页面缩放失效 3.body会继承定义在html的样式 4.用-webkit-text-size-adjust不要定义成可继承的或全局的

AngularCli项目中添加字体图标(Font)详解

本文主要讲如何在AngularCli生成的项目中使用字体图标. 一 SVG图标准备 二 SVG图标转Font 三 将Font文件合入AngularCli项目 四 创建Font.less 五 引用和使用字体图标 六 后续更新字体图标 参考资料&内容来源 原文地址:https://www.cnblogs.com/zhaoweikai/p/9957105.html

css属性字体(font)样式使用详解

现在主要设置的字体样式种类有以下五种 1.font-style:指定文本字体样式 itailc:指定为斜体 oblique:对于没有设计过斜体样式的文字强行用代码使其倾斜 2.font-variant:指定文本是否为小型的大写字母(只对字母有效) small-cap:小型的大写字母 3.font-weight:指定文本字体的粗细 bold:粗体400 4.font-size:指定文本字体尺寸 xx-small/x-small/small/medium/large/x-large/xx-large

CSS Sprites+CSS3 Icon Font

CSS Sprites+CSS3 Icon Font 先马上等有空一定看看转载于http://www.cnblogs.com/jingwhale/p/4280073.html CSS Sprites在国内很多人叫CSS精灵,是一种网页图片应用处理方式.它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了.根据具体图标在大图上的位置,给背景定位. CSS Sprites加速的关键,不是降低质量,而是减少个数. 做成

【Little Demo】左右按钮tab选项卡双切换

通过前一篇文章 从简单的Tab标签到Tab图片切换 的说明,相关效果也就可以实现了. 1.左右按钮tab选项卡双切换 很明显,左右两个按钮是 absolute 布局,另外就是内容部分和Tab标签部分. 1) 先实现Tab内容和标签部分的显示: HTML代码: <div class="tab-Infomations"> <div class="arrows"></div> <div class="tab-conten

L--前端开发面试知识点(CSS相关)

1.display:none和visibility:hidden的区别? display:none 隐藏对应的元素,在文档布局中不再给他分配空间,他各边 的元素会合拢,就当他从来不存在. visibility:hidden 隐藏对应的元素,但是在文档布局中仍保留原来的空间. 2.CSS中的link和@import的区别是? 1.link属于html标签,而@import是CSS提供的: 2.页面被加载时,link会同时加载,而@import引用的css会等到页面加载完在加载: 3.import只

【Little Demo】Tab标签

Tab标签切换效果是比较流行的一种网站页面布局,视觉表现为美观大方,通过标签展示内容.目前在各大网站都有存在这种效果.例如:淘宝的黄金位置使用Tab标签切换效果,网易新闻等. 1.简单的 Tab 标签 a) 先来实现Tab标签的头部 通过HTML和CSS完成基本的标签效果.包括HTML的div标签和列表标签以及CSS定位.颜色和边距等. HTML代码: <div class="tab"> <ul class="tab-title"> <