美文网首页
CSS中font-synthesis字体合成

CSS中font-synthesis字体合成

作者: CodeMT | 来源:发表于2022-11-08 17:47 被阅读0次

CSS font-synthesis 属性用于指定如果指定font family的字体没有斜体或粗体时,是否由浏览器来合成字体的斜体或粗体样式。

通常情况下,在我们使用font-weight属性和font-style属性来指定字体的粗细和样式时,如果当前使用的字体没有相应的粗细度字体或相应的样式,浏览器就会合成相应的粗细度字体或样式。如果我们不希望浏览器自动进行字体合成,可以使用font-synthesis属性来禁止它。

font-synthesis属性有三个取值:noneweightstyle。如果将它设置为none,浏览器就不会自动合成字体。如果设置为weight关键字,浏览器会合成粗体字体。如果使用style关键字,浏览器会合成斜体字体。

官方语法

font-synthesis: none | [ weight || style ]

参数:

  • none:禁止浏览器自动合成字体。
  • weight:只允许浏览器合成相应粗细的字体。不允许合成斜体字体。
  • style:只允许浏览器合成斜体字体。不允许合成相应粗细的字体。
  • weight style:浏览器的默认行为。同时允许浏览器设置粗细字体和斜体字体。

font-synthesis属性的初始值为weight style

应用范围

font-synthesis属性可以应用在所有的元素上。

示例代码

下面是font-synthesis属性的取值示例代码:

font-synthesis: none;
font-synthesis: weight;
font-synthesis: style;
font-synthesis: weight style;
font-synthesis: initial;

浏览器支持

目前没有浏览器都支持font-synthesis属性。

相关文章

  • CSS中font-synthesis字体合成

    CSS font-synthesis 属性用于指定如果指定font family的字体没有斜体或粗体时,是否由浏览...

  • css格式化排版

    css格式化排版 一、文字排版 css可以设置网页中的字体、字号、颜色等样式属性 1、字体css样式中为网页设置字...

  • css font属性解析

    css font样式,具体什么意思?代码如: 解释: 这是css中font的简写写法。字体:字体大小/字体行高 字...

  • 自学H5Day8

    css字体链接 一、css字体 二、链接

  • 总结CSS中字体相关知识点

    总结CSS中字体相关知识点 1. CSS中物种通用字体系列 衬线体(Serif):Georgia、宋体 无衬线体(...

  • No.8 CSS字体属性、文本属性、背景、界面样式

    一、CSS字体属性 1.CSS字体系列 CSS 使用 font-family 属性定义文本的字体系列。 各种字体之...

  • vue 特殊字体

    先百度下载字体,eg: happyzcool2016.ttf 字体放到vue项目中,然后新建一个css,在css中...

  • CSS常用的属性和值

    CSS文本 CSS字体 CSS背景

  • CSS字体(Font) 属性

    CSS字体(Font) 属性: 属性 说明 font 在一个声明中设置所有字体...

  • CSS文字处理

    简介:文字是网页中不可或缺的元素,css中关于文字的处理有很多的情形。CSS 字体属性定义文本的字体系列、大小、加...

网友评论

      本文标题:CSS中font-synthesis字体合成

      本文链接:https://www.haomeiwen.com/subject/vbhcartx.html