1
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?

More than 3 years have passed since last update.

Cloudinaryで使える日本語フォント

Last updated at Posted at 2021-04-12

こんな人におすすめ

  • cloudinaryで日本語をオーバーレイさせたい。
  • 見た目に特に拘らない(最低限でいい)
  • 設定触るのがめんどくさい

困ったこと

CloudinaryのテキストオーバーレイがGoogleのウェブフォントをサポートしていると書いてあるが実際に使えるフォントが見つからない。(Noto系が使えないのが致命的すぎる。。。)
公式でsupports all of Google's fontsって書いてるのに、、、、
https://support.cloudinary.com/hc/en-us/articles/203352832-What-is-the-list-of-supported-fonts-for-text-overlay-transformation-

対応手段

  1. カスタムフォントを使う
  2. なんとか使える日本語フォントを探す

対応としてはカスタムフォントを使うのが一般的みたい。
でも、otfファイルDLしたり、uploadの設定したり必要なのが手間。
きっと同じく困ってる人いるんじゃないかな?ってことで意地で探すことに。

結果

この7種類は大丈夫っぽい。(2021/04/12時点)
TakaoExGothic, TakaoExMincho, TakaoGothic, TakaoMincho, TakaoPGothic, TakaoPMincho
Sawarabi Gothic
こんな感じで試してみてください。
(フォント名に半角スペースを含む場合は「%20」で置き換えるが必要)
~/l_text:TakaoGothic_40:くらうでぃなりー/~.png
~/l_text:Sawarabi%20Gothic_40:くらうでぃなりー/~.png

最後に

cloudinaryは設定がすごく簡単で個人開発程度なら無料枠で全然余裕でいいなと。
ただ、既に動かしてるサイトに導入する際はこの辺気をつけた方がいいです。

  • S3使ってると読み込みできなくなる。(設定すれば問題ない)
  • railsのimage_tagバグる。(ymlで設定すれば問題ない)
1
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
1
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?