找回密码
 注册会员

QQ登录

只需一步,快速开始

微信登录

微信扫一扫,快速登录

查看: 2991|回复: 1

[网页代码] 网站调用小米官方字体和思源宋CSS

[复制链接]

1

主题

3

回帖

47

积分

潜水

积分
47
发表于 2024-1-5 08:04:43 来自手机 | 显示全部楼层 |阅读模式
偶然发现小米官网的字体无防盗链,可以直接使用,而且小米还储存了思源宋体。为什么用别人的字体呢?本地储存字体加载起来很慢,自己服务器慢的话那就可想而知了,所以我们可以利用小米官网储存的字体加速,看链接就知道这是小米官网,放心使用~

2E1D6AFF-28F0-42B0-8C5E-F862CF9FA8EF.png

链接中的400,600,700 可以去除其中一个,分别对应字体的粗细,看自己需求。

小米字体和思源宋字体引入到网站方法:首先将字体css引入到网站

  1. <link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=MiSans:400,700:MiSans" />
复制代码


添加调用字体到全局css

  1. * {font-family: MiSans}
复制代码


思源宋字体方法同上

  1. //css引用 <link rel="stylesheet" href="https://font.sec.miui.com/font/css?family=Source_Han_Serif:400,600:Source_Han_Serif" />//css调用* {font-family: Source Han Serif}
复制代码


5

主题

15

回帖

136

积分

冒泡

积分
136

最佳新人活跃会员

发表于 2024-1-5 14:29:03 | 显示全部楼层
小米字体很简约好看
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册会员 微信登录

本版积分规则

小黑屋|简约版|网站地图|泡泡窝 ( 粤ICP备2023154091号-1|粤公网安备44098102660676号 )

GMT+8, 2024-11-21 17:59

Powered by Discuz! X3.5

Copyright © 2023-2024 Paopaowo.Com All Rights Reserved.

快速回复 返回顶部 返回列表