css中怎么使用思源字体SourceHanSerifCN

最新推荐文章于 2024-08-31 08:33:28 发布
最新推荐文章于 2024-08-31 08:33:28 发布
阅读量8.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ywens_request/article/details/90257847
版权
博客主要围绕CSS中如何使用思源字体SourceHanSerifCN展开，聚焦于信息技术领域里前端开发中字体使用的问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

css中怎么使用思源字体SourceHanSerifCN

ywens_request
关注
网页使用思源字体 CSS
weixin_34245749的博客
06-26 5938
在知乎上再次看到这门字体的提问，想想中文字体过得多么艰辛，中文软件过得多么艰辛。 思源字体 2014年7月，Adobe与Google宣布推出一款新的开源字体思源黑体， 有七种字体粗细（ExtraLight、Light、Normal、Regular、Medium、Bold 和 Heavy），完全支持日文、韩文、繁体中文和简体中文，还包括来自 Source Sans字体家族的拉丁文、希腊文和西里尔文字...
html 字体思源_CSS3嵌入字体@font-face调用字体（思源宋体regula/PingFang SC/ttf/woff）...
weixin_39853131的博客
12-22 1858
@font-face可以实现从服务器端加载字体，所有浏览器中使用的字体就可以不受本地字体的限制。@font-face真的不是什么新鲜玩意，早在2001年时就被提出来，只不过近两年才被各浏览器广泛支持。而且各浏览器支持的字体文件格式也可能不同，一般来说如下四种格式可覆盖所有浏览器。eot：该格式仅在老版本的IE中使用ttf：(TrueTypeFont)是Apple公司和Microsoft公司共同推出...
SourceHanSerifCN思源宋体，开源好用
08-05
Noto Fonts 是 Google 的一个开放原始码自由字型专桉，与 Adobe 公司合作，旨在提供一个可以涵盖 Unicode 全部字符的多语言、全方位字型，用「Noto」这名称来代表「No more Tofu（没有豆腐）」，试图消灭电脑中无法显示罕见文字时的那些空白方块（豆腐形状）。
SourceHanSerifCN.zip
07-09
思源黑体，ttf格式，包体比较小，包含常用字体！亲测比较好用！！！
思源字体的安装和使用
weixin_42492013的博客
12-26 6685
1、下载思源字体 并且解压 2、在百度中搜索 font-face生成器 或者点击网址 https://www.fontke.com/tool/fontface/ 打开生成器 ， 3、点击上传字体文件 将解压的字体文件夹中后缀名名为 .ttf的文件上传上去，然后点击立即生产，等一会会生成一个文件包并自动下载下来 4、将生成好并下载下来的文件包解压，，然后在前端项目中建一个foot文件夹，将，如果已...
SourceHanSerifCN-Bold4096.unitypackage
06-15
Unity Text Mesh Pro 字体图集 SourceHanSerifCN-Bold 导入UNity直接用 文字汉字6500个 符号齐全
sourcehansanscn字体_网页编辑器也美化，FiraCode 代码专用等宽字体
weixin_39994665的博客
12-14 1248
设计达人www.shejidaren.com爱设计，爱分享最近在更新设计导航 HTML 代码时，发现有个样式总是加载不出来，经过细看发现竟然是因为用了中文的双引号导致，但因为网页代码编辑器西文和中文的双引号太相似所以忽略查找这个问题，如此初级的问题却浪费了不少时间……所以最终解决方案就是为网页代码编辑器使用代码专用字体：FiraCode + 中文字体组合(也适用于网页端)，使用此方法，可...
SourceHanSerifCN-Bold.otf
10-22
思源宋体加粗
css 宋体_CSS及其引用
weixin_39575054的博客
11-29 605
前言是不是感觉使用HTML标签控制网页效果很麻烦呢，那就随小编来看看CSS吧。CSS能更加精准的控制网页效果，CSS是cascading style sheet的缩写，称为“层叠样式表”或“级联样式表”，由多种规则组成，通过浏览器解释执行，能够更加精确的控制页面元素、布局，还能够实现内容和表现的分离，使网站的风格趋向统一、维护更加容易。1知识点一、CSS的基本语法1.基本语法select...
官方网站下载SourceHanSerifCN.7z
07-18
内含思源宋体和思源黑体，全字体包含light，regular，bold等，一键安装，官方资源。适用于Windows10操作系统。
小米字体和思源宋体CSS调用使用指南
blog.jichun29.cn
03-03 1123
【代码】小米字体和思源宋体CSS调用使用指南。
source-han-serif-ttf：来源Han Serif TTF
02-05
source-han-serif-ttf：来源Han Serif TTF
思源字体全套
10-30
思源字体黑体全套安装包 打包下载 安卓设计 开发必用字体
让你的网页引入思源字体
热门推荐
在这里写Bug
07-06 5万+
这段时间在做官网，设计师出了一份PSD，其他部分都搞完了，但就是字体，怎么我做出来的跟PSD字体完全两码事！？好丑啊！问了一下设计师，原来他用的字体叫思源黑体……我怎么没听过……后来查了才知道思源黑体字体是一款由Adobe和Google联手推出了一款开源字体，而且有七种粗细的字形：ExtraLight、Light、 Normal、Regular、Medium、Bold和Heavy。顺便安利一下Chr
latex之"SourceHanSerifCN-Reegular"cannot be found报错问题
贾继康的博客
06-07 1970
latex之”SourceHanSerifCN-Reegular”cannot be found报错问题 报错说明 博主在进行一篇latex排版工作的时候出现了如下图的错误 根据错误提示：说明了不存在这种字体，所以错误搞清楚了，接下来就开始针对错误进行解决错误！ 01 获取需要的字体 博主下载了SourceHanSerifCN-Reegular字体，结果如下所示： 02 安装 ...
明明已经安装字体，但IDEA、CLION无法找到思源黑体/Source Hans Sans的问题解决
MYMarcoreus的博客
07-31 2069
IDEA、CLION的Jetbrain系列软件不支持非TrueType的中文字体，而Adobe官方给出的字体却不是TrueType的，所以便会导致Jetbrain系软件无法找到已安装的中文字体，因此我们需要安装TrueType的字体。
Source Han Sans TTF 开源项目教程
gitblog_00200的博客
08-31 938
Source Han Sans TTF 开源项目教程 项目地址:https://gitcode.com/gh_mirrors/so/source-han-sans-ttf 1、项目介绍 Source Han Sans TTF 是 Source Han Sans 字体的一个分支项目，专注于提供 TrueType 格式的字体文件。Source Han Sans 是由 Adobe 和 Google 联合...
html 使用 思源字体_Flutter使用思源字体
weixin_30726605的博客
02-01 876
1、找到字体ttf2、导入项目fonts:-family:NotoSeriffonts:-asset:assets/fonts/NotoSerif-Regular.ttf-asset:assets/fonts/SourceHanSansCN-Light.ttf3、使用import‘package:flutter/material.dart‘;import‘package:share...
html 使用 思源字体_常用的可商用免费字体
weixin_28741413的博客
01-02 1832
常用的可商用免费字体对于大部分公司来说，字体版权意识还需要加强，除了付费购买字体之外，互联网还有很多免费可商用的字体共设计师选择，下面是一些常用的免费可商用字体整理，附有授权链接，供大家查阅。【字体分享包领取方式见文末】另外还有一点就是，有些网站提供了汉仪和华康在京东阿里的合作字体，注意，这些字体只能在京东和阿里平台使用，是方便商家使用的，如果在这俩平台之外使用就会造成侵权，请大家谨记。由于会造成...
思源宋体normal
最新发布
03-27
<think>嗯，用户想了解思源宋体Normal字体的下载和使用方法。首先，我得确认思源宋体是什么，它是由Adobe和Google合作开发的开源字体，支持多种语言，包括中文。用户提到的“Normal”应该是指常规字重，也就是非粗体、斜体等样式。 接下来，我需要考虑下载途径。思源宋体的官方发布在GitHub，但用户可能需要具体的链接。记得之前有用户提到过Google Fonts无法访问，但资源可能还能用，但根据引用[2]，Google Fonts网站虽然不能访问，但引用的资源却能正常使用，不过查找字体可能困难。所以可能需要建议其他途径，比如GitHub仓库或者Adobe的页面。 然后是使用方法，用户可能是在不同的开发环境中使用，比如网页或者应用。根据引用[4]，uniapp中使用第三方字体可以通过@font-face引入，所以可能需要解释如何在CSS中嵌入字体文件。同时，引用[3]提到中文字体文件较大，可能需要提取子集或者使用压缩技术，比如woff2格式。 另外，用户可能遇到的常见问题包括字体加载慢或者乱码。引用[1]指出，如果使用非默认字体可能导致乱码，需要确保字体文件正确。所以需要提醒用户检查字体格式和路径，以及在网页开发中的注意事项，比如字体压缩和格式选择。 最后，生成相关问题的时候，可能需要涵盖下载、安装、应用场景、优化以及与其他字体的对比。这样用户能全面了解思源宋体Normal的使用和相关问题。</think>### 思源宋体 Normal 字体样式信息与使用方法 #### 1. **思源宋体 Normal 简介** 思源宋体（Source Han Serif）是 Adobe 与 Google 联合开发的开源中文字体，支持简体中文、繁体中文、日文、韩文等多种语言。`Normal` 指常规字重（Regular，字重值为 400），无斜体或加粗修饰，适合正文排版[^1]。 #### 2. **下载方式** - **官方渠道**： 通过 GitHub 仓库下载完整字体包： [Adobe 官方 GitHub 页面](https://github.com/adobe-fonts/source-han-serif) 选择 `SourceHanSerifCN-Regular.ttf`（简体中文常规字重）或 `SourceHanSerifTC-Regular.ttf`（繁体中文常规字重）[^1]。 - **替代方案**： 若需直接引用在线字体，可使用 Google Fonts 托管的资源（需注意网络稳定性）[^2]。 #### 3. **在网页中使用** 通过 CSS 的 `@font-face` 规则引入本地或在线字体文件： ```css @font-face { font-family: 'SourceHanSerifCN'; font-weight: normal; font-style: normal; src: url('path/to/SourceHanSerifCN-Regular.ttf') format('truetype'); } body { font-family: 'SourceHanSerifCN', serif; } ``` **注意事项**： - 中文字体文件较大（通常超过 10MB），建议通过子集化工具（如 `pyftsubset`）提取所需字符以减小体积[^4]。 - 优先使用 `woff2` 格式（压缩率更高），但需确认浏览器兼容性。 #### 4. **在桌面软件中使用** 直接安装 `.ttf` 文件至系统字体目录，即可在 Word、Photoshop 等软件中选择「思源宋体 Regular」样式[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值