小胡博客-开源免费字体Noto Sans SC

正文

开源免费字体Noto Sans SC

xiaohu
24/05/21
1
4110

css fonts code html

[前言]

woff2是一种压缩字体格式，它是Web Open Font Format 2.0的简称。这种格式的字体通过使用brotli进行压缩，从而大大减小了字体文件的大小，使得网页加载速度得以提高，本次分享好用开源免费的Noto Sans SC的字体，包括字体的web端和桌面端

[安装]

1、Noto Sans SC For Web，Noto 是一个全球字体集合，适用于所有现代和古代语言的书写。 Noto Sans SC 是一种未经调制的（“无衬线”）设计，适用于使用汉字简体中文变体的中国大陆语言，也可以显示英文

@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: regular;
  src: url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans SC'), local('NotoSans SC-Normal'),


       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */


       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.woff') format('woff'), /* Modern Browsers */
       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('//lib.baomitu.com/fonts/noto-sans-sc/noto-sans-sc-regular.svg#NotoSans SC') format('svg'); /* Legacy iOS */
}
body,html{
  font-family: 'Noto Sans SC'
}

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto Sans SC:wght@100..900&display=swap" rel="stylesheet">