首页 > 其他分享 >CSS处理font-weight不生效问题

CSS处理font-weight不生效问题

时间:2024-08-26 15:21:59浏览次数:12  
标签:Sans weight 字体 400 SC Noto font CSS

如何解决 Android 系统中文字体字重问题

翻找了几天资料,发现Noto Sans SC字体能支持中文/数字/英文字体 100,300,400,500,700,900 的字重,具体如下图所示:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:300,400,500,600,700"> </link>
.title { font-family: Noto Sans SC; }

 ps:用手上仅有的华为测试机在不同的浏览器/不同 APP 的 webview 下看,大部分都是支持的。

 

Noto Sans SC是免费的。Noto Sans SC是谷歌与Adobe推出的无衬线字体,它是免费的,可以用于商业用途。这种字体的免费性质意味着你可以在各种项目中使用它,无论是印刷品还是数码产品,都不会产生额外的费用。此外,Noto Sans SC支持中文,并且提供了多种字重选项,包括200、400、600、800等,使得它在设计中有更多的灵活性。如果你需要在项目中添加Noto Sans SC字体,可以通过直接安装相应的字体文件或者使用在线服务如@nuxtjs/google-fonts等,来方便地在你的项目中集成这种字体

标签:Sans,weight,字体,400,SC,Noto,font,CSS
From: https://www.cnblogs.com/libras/p/18381049

相关文章

  • CSS3新特性
    一、圆角1、border-radius属性(圆角)通过​border-radius​属性可以给任何元素设置​“圆角”​。如果你在​border-radius属性中只指定​一个值​,那么将生成​4个圆角​。但是,如果你要在四个角上​一一指定​,可以使用以下规则:​四个值​: 第一个值为​左上角​,第二个值......
  • HTML+CSS+JS 实现淘宝首页官网
    效果展示:完整代码:HTML部分:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport&q......
  • HTML+CSS 公司官网首页 浮动布局!!
    网页展示: HTML部分:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"conte......
  • CSS (常用样式) 笔记05
    一.字体相关1.color:设置字体颜色2.font复合属性:①font-size设置字体大小②font-weight设置字体粗细③font-style设置字体风格e.gitalic斜体normal正常3.文本:①text-decoration设置文本下划线(通常使用none值来消除超链接a的下划线)②text-align规定文本水平对......
  • 重塑列表美学:CSS `list-style` 属性的魔法
    重塑列表美学:CSSlist-style属性的魔法摘要CSS的list-style属性是控制列表项标记样式的强大工具。通过这个属性,开发者可以轻松改变无序列表和有序列表的外观,包括标记的类型、位置以及图像。本文将深入探讨list-style属性的各个方面,并提供丰富的代码示例,展示如何使用......
  • CSS定位指南:深入解析position属性的奥秘
    标题:CSS定位指南:深入解析position属性的奥秘CSS中的position属性是控制元素布局的强大工具,它决定了元素在页面上的定位方式。通过不同的值,position属性可以创建静态、相对、绝对、固定或粘性定位效果。本文将深入探讨position属性的不同值及其使用场景,并通过代码示例展示如......
  • 【CSS】从零开始学CSS第一篇:简介、基础选择器
    目录CSS简介1.1HTML的局限性1.2CSS-网页的美容师1.3CSS语法规范1.4CSS代码风格1.样式格式书写2.样式大小写3.空格规范CSS基础选择器2.1CSS选择器的作用2.2选择器分类2.3标签选择器2.4类选择器类选择器-多类名2.5id选择器2.7基础选择器总结......
  • Web大学生网页作业成品——电影泰坦尼克号介绍网页设计与实现(HTML+CSS)(4个页面)
    ......
  • HTML静态网页成品作业(HTML+CSS)——游戏战地介绍设计制作(4个页面)
    ......
  • 前端必知必会-CSS 属性选择器
    文章目录CSS属性选择器CSS[attribute]选择器CSS[attribute="value"]选择器CSS[attribute~="value"]选择器CSS[attribute|="value"]选择器CSS[attribute^="value"]选择器CSS[attribute$="value"]选择器CSS[attribute*="value"......