首页 > 其他分享 >CSS字型

CSS字型

时间:2023-02-28 13:47:08浏览次数:34  
标签:系列 family 字型 Times Serif 字体 font CSS

 

在CSS中,有两种类型的字体系列名称:

  • 通用字体系列 - 拥有相似外观的字体系统组合(如 "Serif" 或 "Monospace")
  • 特定字体系列 - 一个特定的字体系列(如 "Times" 或 "Courier")
Generic family字体系列说明
Serif Times New Roman
Georgia
Serif字体中字符在行的末端拥有额外的装饰
Sans-serif Arial
Verdana
"Sans"是指无 - 这些字体在末端没有额外的装饰
Monospace Courier New
Lucida Console
所有的等宽字符具有相同的宽度

 


字体系列

font-family 属性设置文本的字体系列。

font-family 属性应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体。

注意: 如果字体系列的名称超过一个字,它必须用引号,如Font Family:"宋体"。

多个字体系列是用一个逗号分隔指明:

实例

p{font-family:"Times New Roman", Times, serif;} https://www.lekaowang.com/yjjzs/kut/

标签:系列,family,字型,Times,Serif,字体,font,CSS
From: https://www.cnblogs.com/5-si6/p/17163681.html

相关文章

  • vue使用纯CSS实现多行文本的“展开”与“收起”功能
    //创建组件<template><!--文档搜索列表展开/收起组件实现了文档搜索列表页文档超过5行会显示展开/收起的功能--><divclass="mj-text-hide"><......
  • html5和css3基础学习笔记
    网页简介一个页面包括结构、表现、行为三个部分。结构:HTML用于描述页面的结构。表现:CSS用于控制页面中元素的样式。行为:JavaScript用于响应用户操作。......
  • css背景颜色
     background-color属性定义了元素的背景颜色.页面的背景颜色使用在body的选择器中:实例body{background-color:#b0c4de;}CSS中,颜色值通常以以下方式定义:十六......
  • css背景图像
    background-image属性描述了元素的背景图像.默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体.页面背景图片设置实例:实例body{background-image:url('paper.......
  • CSS 文本格式
    文本格式Thistextisstyledwithsomeofthetextformattingproperties.Theheadingusesthetext-align,text-transform,andcolorproperties.Theparagraph......
  • 在ASP.NET WEBFORM项目中使用MVC4中的BundleConfig捆绑压缩JS和CSS
    1.在Web.config中配置<runtime><assemblyBindingxmlns="urn:schemas-microsoft-com:asm.v1"><dependentAssembly><assemblyIde......
  • 什么是CSS?
    原文链接:​  ​​https://note.noxussj.top/?source=51cto​​什么是CSS?CSS指层叠样式表(CascadingStyleSheets),理解为CSS样式就可以了。CSS样式有什么作用呢?比如......
  • Vue | css如何使用js中的变量
    如在Vue中,我们可以绑定在style上面变量,然后使用css来使用该变量,如下:<divclass="layersBoxunselect"v-move:style="`--color:${theme}`">.layersBox{color:var......
  • css动画效果
    缓动动画小球下落效果@keyframesbounce{60%,80%,100%{transform:translateY(80px);animation-timing-function:cubic-bezier(.215,.61,.355,......
  • css视觉效果
    单侧投影box-shadow:x方向偏移y方向偏移模糊半径扩张半径颜色内投影/外投影单侧投影box-shadow:05px4px-4pxblack;//扩张半径=-模糊半径邻边投影b......