Skip to main content

What is the list of supported fonts for text overlay transformation?

Comments

11 comments

  • Nick Carey

    Examples of font names with spaces please

    2
  • Nick Carey

    Arial Narrow OS

    0
  • Maor Gariv

    Hi Nick,

     

    Thanks for reaching out.

     

    Fonts with spaces can be overlaid just like other fonts. For example, open sans - 

    https://res.cloudinary.com/demo/image/upload/w_200/l_text:open%20sans_58_center:Hello,co_rgb:ffffff/sample.jpg

    Note that Arial Narrow OS isn't an open source thus not natively supported. That said, you can upload it to your account and use it using our self service font process. For more info,

    https://cloudinary.com/documentation/layers#custom_fonts

     

    Hope it helps!

    Kind regards,

    Maor

    0
  • Ron Olivar

    Hi, here are some Google fonts that doesn't seem to work for me:

    Pompiere
    Zilla Slab
    Nova Mono
    Baloo Bhaijaan
    Lemonada

    just want to verify if its just me, or if Cloudinary does not support these

    0
  • Raya Straus

    Hi Ron,

    Thanks for bringing this to our attention! I have forwarded this information to the team to further investigate.

    Thanks,

    Raya 

    0
  • Tosh Kanaya

    Hello,

    I got 400 error when I use these Japanese font with text overlay method.

    1. Kosugi
    2. Kosugi Maru
    3. M PLUS 1p
    4. M PLUS Rounded 1c
    5. Noto Sans JP
    6. Noto Sans SC
    7. Noto Sans TC
    8. Noto Serif JP
    9. Noto Serif SC
    10. Noto Serif TC

    Could you please investigate this issue?

     

    Best,

    Tosh

    0
  • Shirly Manor

    I've added a request to our product team to support those fonts. As a workaround, you can upload those fonts to your cloudinary account as described here: https://cloudinary.com/documentation/image_transformations#using_custom_fonts_for_text_overlays

     

    For example:

    https://res.cloudinary.com/demo/image/upload/l_text:Kosugi.ttf_100:Happy%20%E8%8D%89%E8%99%AB%E7%8A%AC,co_white,g_north_west,x_30,y_30/sample.jpg

    Please let me know if you need any further assistance.

    0
  • David Leuliette

    Hello @shirly

    It tried this one but I have a 400 😢

    https://fonts.google.com/?query=Vidaloka

    0
  • Stephen Doyle

    Hi David, I've also requested that Vidaloka is added to our natively supported font set.

    As mentioned above, you can upload it to your own account as a workaround in the meantime https://cloudinary.com/documentation/layers#custom_fonts

    0
  • Dilraj Singh

    What a terrible help blog. Show us some examples. Don't just tell me "all Google Fonts work" and then NOT tell us how to use it. Jeez.

    0
  • Tia Esguerra

    Hi there,

    Thanks for reaching out.

    We support a wide variety of standard web fonts on all accounts, including a selection of the most popular fonts hosted by Google Fonts, and we add more fonts on a regular basis. We don't have a searchable list of currently supported fonts but if a font you wish you use isn't already available you can use that font in your transformations by uploading it to your account as a custom font.

    To add a custom font to your account you must first purchase a license from the font creator for the font you wish to use, where applicable. The fonts distributed by Google Fonts, for example, are open-source and free to use without a license.

    You can then upload the font file to your account, using resource_type: 'raw' and type: 'authenticated'. This protects the font file from being downloaded by users but will allow you to use the font in your transformations.

    For more information about using custom fonts, please refer to the following link:
    https://cloudinary.com/documentation/image_transformations#using_custom_fonts_for_text_overlays

    I hope this helps. If you have any questions, do not hesitate to ask.

    Kind regards,

    Tia

    0

Please sign in to leave a comment.