Back to Plugins
SF with PingFang

SF with PingFang

<h2>Typography using the San Francisco font family and the PingFang font family</h2><p><br></p><p>专为模拟 Apple 设备下中英文混排效果而生,一键修改混排文本中的中英字体与 Tracking。默认设置下,中文字符会被设置为 PingFang SC,英文字体会根据字号设置为 SF Pro Display / Text。可以修改设置选择其它 SF Pro 和 PingFang 家族的字体。</p><p><br></p><p>可为不同的文档保存独立的设置。</p><p><br></p><p><span style="color: var(--color-text, #333333); background-color: var(--color-bg, transparent);">可直接选中一个群组或 Frame 运行本插件,会自动修改其中的所有文本图层。</span></p><p><br></p><p>可以设置是否自动调整 SF Pro 字体的 tracking。</p><p><br></p><p><br></p><p>Set SF Pro Families and PingFang Families to text layer in selected layers.</p><p><br></p><p>With default settings, the plugin will automatically select the SF Pro Display or Text font for latin characters base on the font size, and adjust the correct tracking at the same time. You can choose other font families in plugin settings. Each file has its own settings. Just select a group or frame to run this plugin, and all text layers in it will be modified automatically. You can choose whether to enable auto-adjust the SF Pro font tracking.</p><p><br></p><p>------------------------------------------</p><p>Todo:</p><ul><li>Support custom fonts</li></ul>

sf prosan franciscopingfangpairingstypographytrackingfont

Plugin Preview

SF with PingFang preview

About this plugin

Typography using the San Francisco font family and the PingFang font family


专为模拟 Apple 设备下中英文混排效果而生,一键修改混排文本中的中英字体与 Tracking。默认设置下,中文字符会被设置为 PingFang SC,英文字体会根据字号设置为 SF Pro Display / Text。可以修改设置选择其它 SF Pro 和 PingFang 家族的字体。


可为不同的文档保存独立的设置。


可直接选中一个群组或 Frame 运行本插件,会自动修改其中的所有文本图层。


可以设置是否自动调整 SF Pro 字体的 tracking。



Set SF Pro Families and PingFang Families to text layer in selected layers.


With default settings, the plugin will automatically select the SF Pro Display or Text font for latin characters base on the font size, and adjust the correct tracking at the same time. You can choose other font families in plugin settings. Each file has its own settings. Just select a group or frame to run this plugin, and all text layers in it will be modified automatically. You can choose whether to enable auto-adjust the SF Pro font tracking.


------------------------------------------

Todo:

  • Support custom fonts

Plugin Details

Version1
CreatedFebruary 15, 2022
Last UpdatedFebruary 15, 2022
Categoryfonts-typography
CreatorTank
Stats1150 installs, 71 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Editor Types:
    figma