首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏前端杂货铺-Gopal

    【CSS Trick】font-family 继承失效了?

    font-family——继承失效了? ; font-family: "Goudy Bookletter 1911", sans-serif; /* 仅有一个通用字体族名 */ font-family: serif; font-family : sans-serif; font-family: monospace; font-family: cursive; font-family: fantasy; font-family: system-ui ; font-family: emoji; font-family: math; font-family: fangsong; /* 全局值 */ font-family: inherit; font-family : initial; font-family: unset; font-family 是一个继承属性,比如,我给上面例子 .parent 添加 font-family: serif;,子元素也会继承它的属性值

    96720编辑于 2022-08-01
  • 来自专栏站长的编程笔记

    CSS font-family 属性设置字体

    前言 ---- font-family 属性用于给元素指定字体,是开发中使用非常频繁的一个属性 该属性的值是一个字体系列,每个值使用逗号隔开,如果字体名名称包含空格,那么字体名称必须使用引号包裹,设置的字体是否可用取决于用户机器上该字体是否可用 给英文,中文设置不同的字体 ---- 众所周知,font-family 属性的原则是客户端不支持前面的字体时,自动往后查找可以使用的字体 如果想要给英文,中文设置不同的字体,可以使用一个仅支持的英文的字体 如下所示: 遇到文字时,首选会尝试使用 Arial 字体,该字体支持英文,所以遇到英文会生效,遇到中文时 Arial 不支持,将自动使用后面的 Noto Sans SC(思源黑体) 字体 :root { font-family family=Noto+Sans+SC:100,300,400,500,700,900">C:100,300,400,500,700,900"> 在需要使用思源黑体的地方使用 CSS 设置字体 font-family

    3.4K20编辑于 2022-12-16
  • 来自专栏Coco的专栏

    Web 字体 font-family 再探秘

    各大网站最新 font-family 作为前端的一个习惯,浏览各个网站的时候总是喜欢打开开发者工具时不时审查元素一下。 看了一下一些比较出名的网站移动端的 font-family: 天猫:font-family: "PingFang SC",miui,system-ui,-apple-system,BlinkMacSystemFont font-family 关键字 对于 CSS 中的 font-family 而言,它有两类取值。 ,类似这样:font-family: sans-serif 。 以 CSS-Tricks 网站的 font-family 定义为例子: { font-family: system-ui,-apple-system,BlinkMacSystemFont,

    3K10发布于 2019-08-18
  • 来自专栏前端自习课

    【CSS】955- 你该知道的字体 font-family

    各大网站最新 font-family 作为前端的一个习惯,浏览各个网站的时候总是喜欢打开开发者工具时不时审查元素一下。 看了一下一些比较出名的网站移动端的 font-family: 天猫[2]:font-family: "PingFang SC",miui,system-ui,-apple-system,BlinkMacSystemFont 关于字体的基础知识,建议先看看这篇 你该知道的字体 font-family[5] font-family 关键字 对于 CSS 中的 font-family 而言,它有两类取值。 一类是类似这样的具体的字体族名定义:font-family: Arial 这里定义了一个具体的字体样式,字体族名为 Arial; 一类是通用字体族名,它表示一大类字体(并非单个),类似这样:font-family 以 CSS-Tricks[9] 网站的 font-family 定义为例子: { font-family: system-ui,-apple-system,BlinkMacSystemFont

    6.2K20发布于 2021-05-14
  • 来自专栏DeveWork

    小谈中文环境下中文排版的font-family 字体选择

    在开发Mindia 主题的时候,为了弄出相对好看的中文排版,特意补习了下中文排版的font-family 字体选择的相关资料。以下就从自己的角度说下自己的不算得上是收获的收获吧。 但什么样的环境就有不同的适应法则,对于小小的font-family 字体,极力用好当前资源才是王道,并在其他方面提高用户体验的不足。 老掉牙的东西 在进入正文之前,一些font-family 的旧知识(规则)还是要复习下几点,比如说: 1、中文字体有英文的名称,但建议是中英文名称都写上。 ", sans-serif; 2、写font-family 时候英文字体要写在中文字体前面。 important} /*宋体*/ .songti{font-family: "Helvetica Neue", Helvetica,"Songti SC", "SimSun", serif!

    2.9K100发布于 2018-01-22
  • 来自专栏Coco的专栏

    谈谈一些有趣的CSS题目(十二)-- 你该知道的字体 font-family

    这也很好解释了,font-family 中的 family ,家庭的意思,也就是不单单指一个,而是可以指定多个,上述 5 个英文单词都是 font-family 的可用取值,下文还会详细讲到。 中文字体的兼容写法 一些中文字体,例如font-family: '宋体',由于字符编码的问题,少部分浏览器解释这个代码的时候,中文出现乱码,这个时候设定的字体无法正常显示。 所以通常会转化成对应的英文写法或者是对应的 unicode 编码,font-family:'宋体' -> font-family: '\5b8b\4f53'。 嗯,其实上面的 font-family 就是淘宝首页 body 的字体定义,非常的规范,每一个字体的定义都有它的意义。 ? 字体书写规则 综上,总结一下,我觉得字体 font-family 定义的原则大概遵循: 1、兼顾中西 中文或者西文(英文)都要考虑到。

    1.6K30发布于 2018-05-28
  • 来自专栏韩曙亮的移动开发专栏

    【CSS】CSS 文本样式 ① ( font 字体设置 | font-size 字号大小设置 | font-family 字体设置 | Unicode 编码字体名称 )

    举头望明月

    低头思故乡

    </body> </html> 执行效果 : 二、 字体设置 ---- 1、 语法简介 CSS 文字 字体设置语法 : p { font-family :"微软雅黑"; } 常见的字体 : 微软雅黑 , 默认字体 ; 宋体 黑体 如果 指定了多个字体 , 如下样式 , 优先使用前面的字体 ; .tittle { font-size:20px; font-family :"微软雅黑"; } 出现乱码后解决方案有两种 : 使用英文名称 : 如果设置 微软雅黑 字体 , 则可以 设置 " Microsoft Yahei " 字体 ; p { font-family :"Microsoft Yahei"; } 使用 Unicode 编码 : 注意 Unicode 编码要使用双引号括起来 ; p { font-family:"\5FAE\8F6F\96C5 :"宋体"; } .tittle { font-size:20px; font-family:"黑体",Arial,"微软雅黑","Microsoft Yahei";

    4.9K20编辑于 2023-03-30
  • 来自专栏linux百科小宇宙

    Ubuntu安装OpenLDAP之配置LDAP

    ; font-family: 微软雅黑;">rootdn      "cn=Manager,dc=example,dc=com"

    # su root -c /usr/local/libexec/slapd

    # vim cloudsoar.ldif <p style="font-size: 14px; <em>font-family</em>: 微软雅黑;"

     

    将账号导入插入数据库

    # ldapadd

    1.6K20发布于 2021-06-07
  • 来自专栏站长的编程笔记

    圣诞树代码 下雪

    color: black;         font-size: 24px;         margin-top: 720px;         margin-left: 20px;         font-family : "Josefin Sans", sans-serif;       }       h1 {         margin-top: 70px;         font-family: "Josefin     

        

        **<span       id="s2"       style="         position: absolute;         <em>font-family</em>

    84230编辑于 2023-01-08
  • 来自专栏kl的专栏

    angular $resource对象

    安装 ngResource模块是一个可选的angularjs模块,如果需要使用,我们要单独引用js

    应用$resource

    <p style="<em>font-family</em>:'sans serif',tahoma,verdana,helvetica; </p> <p style="font-family:'sans serif',tahoma,verdana,helvetica;font-size:12px;"> var User = $resource ('/api/users/:userId', {userId:'@id'});

    <p style="<em>font-family</em>:'sans serif',tahoma,verdana,helvetica </p> <p style="font-family:'sans serif',tahoma,verdana,helvetica;font-size:12px;"> User.get({id:'123

    32010编辑于 2023-11-17
  • 来自专栏蓝天

    HTML之onhashchange

    :新宋体;"> function onchange()

    }

    window. onhashchange = onchange;

    {

    1.3K20发布于 2019-03-14
  • 来自专栏全栈程序员必看

    Class类的getClassLoader()方法

    : Arial; font-size: 14px; line-height: 26px;">

    有的类都是Class类的对象,这个this.class是获得这个类相对于 : 14px; line-height: 26px;">只有Class : 14px; line-height: 26px;">个类.总不能全靠字符串吧. : 14px; line-height: 26px;">的实例,对于类A就是A.class,对于类B就是B.class.

    62910编辑于 2022-08-26
  • 来自专栏阮一峰的网络日志

    字体笔记

    1. serif类 font-family: Garamond, serif; font-family: Georgia, serif; font-family: 'Times New Roman ', Palatino, serif; 2.sans-serif类 font-family: Arial, Helvetica, sans-serif; font-family: 'Arial ', 'Lucida Grande', sans-serif; font-family: 'MS Sans Serif', Geneva, sans-serif; font-family: 'MS ; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-family: Verdana, Geneva, sans-serif; font-family 等宽类 font-family: Courier, monospace; font-family: 'Courier New', Courier, monospace; font-family:

    2.2K10发布于 2018-09-10
  • 来自专栏Java架构师必看

    Google推荐的图片加载库Glide介绍

    磁盘缓存

    Picasso

    <p style

    不过,你可以改变这种行为,

    1.1K20发布于 2021-09-03
  • 来自专栏全栈程序员必看

    UiAutomator Android 的自动测试框架(基础)「建议收藏」

    很久没更新博客了,今天至后期的一段时间将带给大家的是<span style="<em>font-family</em>: 微软雅黑; font-size: 14px; line-height: 21px </span><p></p><p><span style="font-family: 微软雅黑; font-size: 14px; line-height: 21px; widows: auto;">< 编写的自动化测试工具则可以实现基于UiSelector选择直接操作uiObject来编写<span style="color: rgb(51, 51, 51); <em>font-family</em>: 它有个弱点就是<span style="color: rgb(51, 51, 51); font-family: Arial; font-size: 14px; line-height: 26px;"> ="font-family: Arial; font-size: 14px; line-height: 26px;">

    <p style="<em>font-family</em>

    54770编辑于 2022-11-02
  • 来自专栏京程一灯

    CSS中字体相关的小技巧

    如果你觉得你可以添加任意一个 font-family名字,那你错了。我们再次参考下规范: local中放入的是一串特定格式的字符串,这串字符串用于唯一标识庞大字体族中的一套字体。 执意在 font-family属性中使用这些值也可能是生效的,毕竟 font-family:"serif"是不同于 font-family:serif的。 他们通过@font-face重命名了一系列 local,加入不同 font-weight的本地字体源来简化 font-family属性的值。 无需重命名, font-family:system-ui的使用已经得到了Chrome的支持,在Firefox(截止至54),Safari(截止至10.1)中尚未支持。 同样也不再需要在你的CSS中为 font-family属性赋其他杂乱的值了。简单而有效!

    1.8K40发布于 2019-03-27
  • Safari浏览器统一字体之自定义CSS样式表

    /* 设置根元素的字体和代码字体变量 */ :root { --font-family: -apple-system; /* 使用系统默认的字体 */ --code-font-family -font-family) ! : var(--font-family) ! : var(--font-family),inherit ! : var(--font-family),inherit !

    1.1K00编辑于 2024-10-29
  • 来自专栏k-cloud-labs

    Prometheus

    . --> <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml" style="<em>font-family</em> ', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"> <head style="<em>font-family</em> border-box; font-size: 14px; margin: 0;"> <meta name="viewport" content="width=device-width" style="<em>font-family</em> important; background-color: #f6f6f6; margin: 0; padding: 0;" bgcolor="#f6f6f6">

    <div style="<em>font-family</em>: 'Helvetica Neue'

    1.1K30编辑于 2023-03-06
  • 来自专栏李洋博客

    CSS样式中汉字和字母分别使用不同字体的方法

    的调用方法,根据font-family的原则,假如客户终端不认识前面的字体,就自动切换到第二种字体,第二种不认识就切换到第三种,以此类推。 就这样一直找匹配的字体,直到系统默认,所以一般都把系统默认的5类字体放到 font-family 定义的最后来写,那么一个国际化的站点应该如何设置多语种的字体呢?其先后顺序如何设定? ” Font-family: “Microsoft YaHei”, “微软雅黑” Font-family: STXihei, “华文细黑”, “Microsoft YaHei”, “微软雅黑” 永远不要忘记声明英文字体 在网页里中/英文混排是很常见的,你绝对不会喜欢用中文字体显示英文的效果,所以一定不要忘了先声明英文字体: Font-family: Georgia, SimSun, “宋体” Font-family:  可是某些版本号的IE浏览器(IE7、IE8)无法实现该font-family属性的要求。

    6.2K10发布于 2021-07-09
  • 来自专栏小狐狸说事

    7b2主题全站字体更换

    主题全站字体更换 ---- 很简单,下载字体包然后css中引入即可实现 字体包可以使用我提供的或者自行下载其他字体包 解压后放入网站任意目录,引入下方css代码 @font-face{/*引入字体*/ font-family :"typeface"; src: url('typeface.ttf'); } div { font-family: "typeface"; } span{ font-family: "typeface "; } a{ font-family: "typeface"; } textarea { font-family: "typeface"; } button { font-family

    48720编辑于 2022-11-17
  • 领券