Home
Softono
mixfonts-figma

mixfonts-figma

Open source MIT JavaScript
17
Stars
0
Forks
20
Issues
0
Watchers
3 years
Last Commit

About mixfonts-figma

A Figma plugin let you easy to use different fonts for Latin and CJK characters.

Platforms

Web Self-hosted

Languages

JavaScript

Links

MixFonts

A Figma plugin let you easy to use different fonts for Latin and CJK characters.

Installation

https://www.figma.com/community/plugin/735711462872799891/MixFonts

Development

  1. Clone the repository.

  2. Install the dependencies.

    npm install
  3. Build plugin.

    npm run build
  4. Open Figma desktop app, and go to ☰ > Plugins > More > Development > New Plugin..., then choose manifest.json.

Import / Export Data

Import MixFonts rules from JSON file, and export rules as JSON file for sharing.

The first item in fonts array is font for Latin characters, and the second item for CJK characters.

[
  {
    "group": "Android",
    "fonts": [
      {"family":"Roboto","style":"Light"},
      {"family":"Noto Sans CJK SC","style":"Light"}
    ]
  },
  {
    "group": "Android",
    "fonts": [
      {"family":"Roboto","style":"Regular"},
      {"family":"Noto Sans CJK SC","style":"Regular"}
    ]
  },
  {
    "group": "Android",
    "fonts": [
      {"family":"Roboto","style":"Bold"},
      {"family":"Noto Sans CJK SC","style":"Bold"}
    ]
  },
  {
    "group": "iOS",
    "fonts": [
      {"family":"SF Pro Display","style":"Light"},
      {"family":"PingFang SC","style":"Light"}
    ]
  },
  {
    "group": "iOS",
    "fonts": [
      {"family":"SF Pro Display","style":"Regular"},
      {"family":"PingFang SC","style":"Regular"}
    ]
  },
  {
    "group": "iOS",
    "fonts": [
      {"family":"SF Pro Display","style":"Bold"},
      {"family":"PingFang SC","style":"Semibold"}
    ]
  }
]

License

MIT

Donate

Buy me a coffee or donate $2.00 $5.00 $10.00 via PayPal.

使用支付宝或微信扫码打赏