About Type Bridge
Pair a Latin font with a Japanese font and apply them on the canvas, in Preview and on the published site — no custom CSS.
Features
Dual font pairing — Choose the Latin and Japanese families independently.
Three font sources — Google Fonts, Adobe Fonts (Kit ID + PostScript name) and fonts uploaded to Framer.
Works on the canvas — Fonts show while you design. Variable font weights are preserved.
Weight remapping — Map each weight to a different actual weight per language (Google Fonts only).
Opt-out layers — Keep specific layers in their original fonts.
Quick start
Choose the Latin and Japanese families on Font Settings.
(Optional) Add layer names on Opt Out.
Click Apply. Click Remove twice to undo everything.
What it adds to your project
A Custom Code snippet at the end of <head>, a TypeBridgeLoader.tsx code file, and a locked 1×1px "Type Bridge Loader" layer on each page.
Adobe Fonts
Enter the Kit ID of a published Web Project and the font's PostScript name (for example adobe-caslon-pro). No domain registration is needed.
Upgrading from 1.0.x
The old TypeBridgeFonts.tsx override becomes a no-op stub. Detach it from your layers, then delete it from the notice in the plugin.
---
欧文と和文のフォントを別々に指定し、キャンバス・Preview・公開サイトに自動適用します。
特徴
欧文と和文を独立して選択
Google Fonts / Adobe Fonts / Framer にアップロードしたフォントに対応
キャンバスで反映。可変フォントのウェイトも維持
言語別ウェイトマッピング（Google Fonts のみ）
指定したレイヤーは元のフォントを維持
使い方
Font Settings で欧文と和文を選び 適用。削除 を 2 回押すと元に戻ります。各ページにロック済み 1×1px の "Type Bridge Loader" レイヤーが追加されます。
1.0.x からの移行
旧 TypeBridgeFonts.tsx は何もしないスタブになります。レイヤーから外してから、プラグインの案内で削除してください。
