https://github.com/symind/postcss-pingfang

低成本优化 PingFang 在安卓机型下的表现 💅
https://github.com/symind/postcss-pingfang

Last synced: 4 months ago
JSON representation

低成本优化 PingFang 在安卓机型下的表现 💅

• Host: GitHub
• URL: https://github.com/symind/postcss-pingfang
• Owner: SyMind
• License: mit
• Created: 2023-01-13T16:26:42.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-05T12:11:04.000Z (almost 2 years ago)
• Last Synced: 2024-10-11T14:38:12.729Z (8 months ago)
• Language: JavaScript
• Homepage:
• Size: 78.1 KB
• Stars: 6
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# postcss-pingfang

优化 PingFang SC 在安卓机型下的表现

## 动机

设计同学使用 PingFang SC 作为设计稿默认字体，这会带来以下的问题：

1. PingFang SC 并非安卓手机的内置字体，可以使用 font-weight 替换原设计稿中的字体，如 PingFangSC-Medium 替换为 500。

2. 但大部分安卓手机内置的字体仅对中文支持 3 种字重，此时如 font-weight 为 500 的字体实际上并不会被加粗。

而该插件将在 iOS 手机上使用 PingFangSC-Medium，在安卓手机上使用 font-weight: 700。

## 安装

```bash

npm install postcss-pingfang

```

## 使用

```javascript

// dependencies

const fs = require('fs')

const postcss = require('postcss')

const pingfang = require('postcss-pingfang')

// css to be processed

const css = fs.readFileSync('input.css', 'utf8')

// process css

const output = postcss()

  .use(pingfang())

  .process(css)

  .css

```

## License

MIT