0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

cloudinaryでカスタムフォントを使いたいよね!?

0
Posted at

cloudinary でカスタムフォントをオーバーレイに使いたい!

テキストを画像に重ねるとき、今のところ日本語は7種類しか選べないみたいです。でも、せっかくだし他のフォントも使ってみたくて、ちょっと試行錯誤してみました。
参考元: Cloudinaryで使える日本語フォント

公式でsupports all of Google's fontsって書いてるのに....😭

カスタムフォントを追加する方法

  1. Google Fontsで欲しいフォントをダウンロードしておく

---cloudinaryに 移動---

  1. Settings を押す

  2. Product environment settings → Upload と進む

  3. 画面右上のAdd Upload Preset を押す
    image.png

  4. Upload preset name を入力

  5. Optimize and Deliver タブを押す
    image.png

  6. Delivery type を Authenticated に変更

  7. Save を押して登録
    image.png

  8. Upload の画面に戻る

  9. Manage Defaults を押す

  10. Media Library の Raw の項目を作成したUpload preset に変更

image.png

  1. Assets → Media Library と進む
  2. Upload を押す

image.png

  1. Advancedを開いて、Upload Presetを押してさっき作ったpresetを選択する
    ここで、Public IDを指定しておくと楽だよ。
    (この例では、notosansjp-medium.ttf)
  2. 追加したいフォントファイルをアップロード(ドラッグ&ドロップ出来るよ)
    image.png

使い方

/l_text:notosansjp-medium.ttf_60_bold:ここにテキストが表示されます,co_rgb:fff,w_620,c_fit/

こんな感じでパラメータを作れます。

  • フォント: notosansjp-medium.ttf
  • 文字サイズ: 60
  • フォントの太さ: Bold
  • テキスト: ここにテキストが表示されます
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?