こんな人におすすめ
- 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-
対応手段
- カスタムフォントを使う
- なんとか使える日本語フォントを探す
対応としてはカスタムフォントを使うのが一般的みたい。
でも、otfファイルDLしたり、uploadの設定したり必要なのが手間。
きっと同じく困ってる人いるんじゃないかな?ってことで意地で探すことに。
結果
この67種類は大丈夫っぽい。(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で設定すれば問題ない)