Tilt Warp
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
概要 Tilt Warp
Andy Clymer's Tilt Warp is a display typeface built around a unique pair of variable axes — XROT and YROT — that simulate three-dimensional tilt and rotation effects without JavaScript, using only the font's own variable font mechanics. The rounded, inflated letterforms recall dimensional plastic signage from the 1970s and 80s, and the tilt axes allow designers to create perspective-style heading treatments directly in CSS. It is best used for web display headings where animated or static 3D typographic effects are desired.
文字マップ
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
ウェイトウォーターフォール (1)
使い方
<link href="https://fonts.googleapis.com/css2?family=Tilt+Warp:wght@400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp:wght@400&display=swap');
font-family: 'Tilt Warp', system-ui;
brew install --cask font-tilt-warp
詳細
- カテゴリ
- Display
- ウェイト
- 1
- イタリック
- ✗
- 韓国語
- ✗
- デザイナー
- Andy Clymer
- ライセンス
- OFL
- バージョン
- 人気度
- #416
- ダウンロード
- 171
ライセンス使用
| Web使用 | 許可 |
| 印刷 | 許可 |
| 動画 / 放送 | 許可 |
| パッケージ | 許可 |
| アプリ埋め込み | 許可 |
| ブランド / ロゴ | 許可 |
| 改変 | 許可 |
OFL — 個人・商用とも無料で使用可能