首页 > 其他分享 >字体样式font-style

字体样式font-style

时间:2022-12-21 15:22:27浏览次数:45  
标签:style 系列 宋体 字体 倾斜 font 属性

font-family 
指的是字体比如 “宋体”,“微软雅黑”等等

具体字体:微软雅黑、宋体、黑体、宋体等等

字体系列:sans-serif、serf、monospace等

常见字体系列(了解):

1 无衬线字体(sans-serif)

特点:文字笔画粗细均匀,并且首尾无装饰

使用场景:网页中大多采用无衬线字体

常见该系列字体:黑体、Arial

2 衬线字体(serif)

特点:文字笔画粗细不均匀,并且首尾有笔锋装饰

使用场景:报刊书籍中广泛应用

常见该系列字体:宋体、Times New Roman

3 等宽字体(monospace)

特点:每个字母或文字的宽度相等

使用场景:一般用于程序代码编写,有利于代码的阅读和编写

常见该系列字体:Consolas、fira code
渲染规则:

1 从左到右,如果电脑未安装该字体,则显示下一个

2 如果都不支持,电脑会根据操作系统显示默认字体

注意:

1 如果字体名称中存在多个单词,推荐使用引号包裹

2 最后一项字体系列不需要引号包裹

3 网页开发时,尽量使用常见字体,保证不同浏览器显示正常

font-style
指定的是字体倾斜与否,italic 属性值是通过字体本身倾斜,oblique 属性值让字体倾斜一定角度,看起来效果一样,但是对于有些字体,可能原先不能倾斜,所以设置 italic 属性值不生效,设置成 oblique 就生效了。它的值有:normal(默认值)、italic(斜体)、oblique(倾斜)

 

font-weight 

定义了字体的宽度,属性值 lighter细,bold粗,bolder更粗,当然也可以设置具体数值100~900,只能是整百。

关键字 normal(正常) bold(加粗)

纯数字 100~900的整百数  400(正常)  700(加粗)

font-variant 

此属性的作用就是将文字转换成大写后缩小

font-size

 数字+px,谷歌浏览器默认文字大小为16px,单位需要设置,否则无效。

标签:style,系列,宋体,字体,倾斜,font,属性
From: https://www.cnblogs.com/DREAM2021/p/16996339.html

相关文章

  • [echart] 字体自适应的方法(使用rem)
    functionsetFontSize(res){constclientWidth=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;if(!clientWidth)return;......
  • Unity Editor中文字体去重
    [MenuItem("Tools/GenerateZhCharacter")]publicstaticvoidGenerateZhCharacter(){vardataPath=Application.dataPath;varpath=Path.Combine(dataPa......
  • 编码字体与阅读字体推荐
    编码字体编码字体首要原则:等宽,等宽,还是TMD等宽!JetBrainsMonoHackSourceCodeProFiraMonoConsolas保底字体,基本上Windows电脑都有预装。阅读字体看多了......
  • Python实现点阵字体读取与转换
    点阵字体是指根据文字的像素点来显示的字体,效果如下:使用Python读取并显示的过程如下: 根据中文字符获取GB2312编码通过GB2312编码计算该汉字在点阵字库中的区位和码位通过区......
  • 品优购项目-项目,背景,设计,文件夹,ico图标,网站优化三大标签,字体icomoon等介绍
    品优购项目(一)目标:能会引入ico图标能简单看懂网站优化的三大标签能使用字体图标(重点)能说出我们css属性书写顺序能课堂跟上pink老师的节奏完成品优购项目1.......
  • manjaro下Matlab设置路径、字体等不能永久保存的问题及其解决
    问题表现:通过matlab设置的内容,重启后还是老样子,没有任何改变,主要是权限问题以下均假设:matlab的安装目录:/opt/Polyspace/MR2022b/,以下用$MATLABHOME1、pathdef.m文件......
  • linux下matlab设置快捷键、字体、颜色
    详细见:https://zhuanlan.zhihu.com/p/447994364也就是:1.快捷键设置,matlab默认的快捷键模式emacs的,改成windows即可:还是系统的原因,默认设置下的复制粘贴不是常见的ctrl+c......
  • 字体渲染优化技术
    摘选自Linux字体美化实战(Fontconfig配置)[金步国](jinbuguo.com)渲染阶段的核心目标是:让字体中的每一个字符,都以其最佳效果在屏幕上显示出来。字体渲染三板斧改善矢......
  • iconfont字体图标,ico图标设置,版心
    iconfont字体图标,ico图标设置,版心1、如何使用iconfont字体图标IconFont,图标字体也叫字体图标,就是字体做的图标。可以通过设置字体的方式改变图标的样式,受到近些年扁平......
  • HBuilder X在4K显示器怎么设置HBuilderX窗口本身的字体大小
    在使用HBuilderX编辑器的时候,使用笔记本自身的显示器,编辑器窗口本身的字体大小都正好,但是将HBuilderX编辑器用在外接显示器(高清)或者4K显示器上的时候,就不行了。怎么解......