.title{ font-family: PingFang-SC-Bold; } 很不幸,你用错了font-family。 用错的原因 对字体的fallback机制缺乏了解,只关心自己的苹果手机(例子中为苹果字体)展现正常,殊不知还有无数的安卓用户体验很差。 目标 和设计师综合考虑系统兼容性、前端实现和无障碍视觉来制定字体规范,减少前端返工,提升双端用户视觉...
天猫:font-family: "PingFang SC",miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif; Github:font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; 其中system-ui,-apple-system,BlinkMacSy...
font-family: PingFangTC-Medium, sans-serif; font-family: PingFangTC-Semibold, sans-serif; 苹方-港 的 CSS font-family 使用: font-family: PingFangHK-Regular, sans-serif; font-family: PingFangHK-Ultralight, sans-serif; font-family: PingFangHK-Light, sans-serif; font-family: PingFangHK-Thi...
html { font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, v, sans-serif}复制代码 规范的开发 作为移动端前端开发，在实现字体加粗的时候，应当避免直接使用 font-family 指定字体实现，比如下面的代码，直接指定了PingFang-SC-Medium来实现字重为 500 的加粗效果，但是这样在不支持PingFang SC字体...
当我们拿到设计稿去实现一个网页时,经常会发现设计稿当中一般使用的字体都是 PingFang SC 这一款字体。这是因为我们的 UI 设计师 一般使用的都是 Mac 电脑制作的设计稿。但是我们并不能傻乎乎的就按照设计稿直接设置 font-family:PingFang SC; 因为在 Windows 系统下并没有苹方字体可以使用。所以我们需要灵活地去...
一、关于 font-family 属性 1. 字体的 fallback 机制 在CSS 中,可以通过 font-family 引用多种系列、多种字体,并且可以对字体先后顺序进行设置。 当用户打开一个网页的时候,浏览就会读取 font-family 第一个引用的字体,并去检索用户当前操作系统下的字体,如有就显示,如没有就检索下一个,以此类推。
各大网站最新 font-family 作为前端的一个习惯,浏览各个网站的时候总是喜欢打开开发者工具时不时审查元素一下。看了一下一些比较出名的网站移动端的 font-family: 天猫[2]:font-family: "PingFang SC",miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif...
font-family:'PingFang SC','Microsoft YaHei','SimSun','Arial', sans-serif 上面的设置,页面上首选字体是平方字体,如电脑上没平方字体,就是显示微软雅黑,依次类推... 在设置一些中文字体的时候,有些童鞋(以前的我)喜欢直接用中文,其实不太好哟,还是回归到统一的英文,在这里分享一些常用中文转英文的字体: ...
各大网站最新 font-family 作为前端的一个习惯,浏览各个网站的时候总是喜欢打开开发者工具时不时审查元素一下。看了一下一些比较出名的网站移动端的font-family: 天猫[2]:font-family: "PingFang SC",miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif; ...
各大网站最新 font-family 作为前端的一个习惯,浏览各个网站的时候总是喜欢打开开发者工具时不时审查元素一下。看了一下一些比较出名的网站移动端的 font-family: 天猫[2]:font-family: "PingFang SC",miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif...