cloudinary でカスタムフォントをオーバーレイに使いたい!
テキストを画像に重ねるとき、今のところ日本語は7種類しか選べないみたいです。でも、せっかくだし他のフォントも使ってみたくて、ちょっと試行錯誤してみました。
参考元: Cloudinaryで使える日本語フォント
公式でsupports all of Google's fontsって書いてるのに....😭
カスタムフォントを追加する方法
- Google Fontsで欲しいフォントをダウンロードしておく
---cloudinaryに 移動---
-
Settingsを押す -
Product environment settings →
Uploadと進む -
Upload preset nameを入力 -
Delivery type を
Authenticatedに変更 -
Upload の画面に戻る
-
Manage Defaultsを押す -
Media Library の Raw の項目を作成したUpload preset に変更
- Assets → Media Library と進む
- Upload を押す
- Advancedを開いて、Upload Presetを押してさっき作ったpresetを選択する
ここで、Public IDを指定しておくと楽だよ。
(この例では、notosansjp-medium.ttf) - 追加したいフォントファイルをアップロード(ドラッグ&ドロップ出来るよ)
使い方
/l_text:notosansjp-medium.ttf_60_bold:ここにテキストが表示されます,co_rgb:fff,w_620,c_fit/
こんな感じでパラメータを作れます。
- フォント: notosansjp-medium.ttf
- 文字サイズ: 60
- フォントの太さ: Bold
- テキスト: ここにテキストが表示されます




