If you'd like to specify the font weight of your text overlay, you can easily do so by adding it as a transformation parameter. Here are examples of different font weights that you can use:
Normal:
http://res.cloudinary.com/demo/image/upload/w_300,o_30/l_text:Roboto_50_normal:Hello/sample.jpg
Italic:
https://res.cloudinary.com/demo/image/upload/w_300,o_30/l_text:Roboto_50_italic:Hello/sample.jpg
Bold:
http://res.cloudinary.com/demo/image/upload/w_300,o_30/l_text:Roboto_50_bold:Hello/sample.jpg
Light:
http://res.cloudinary.com/demo/image/upload/w_300,o_30/l_text:Roboto_50_light:Hello/sample.jpg
Thin:
http://res.cloudinary.com/demo/image/upload/w_300,o_30/l_text:Roboto_50_thin:Hello/sample.jpg
For more information, please refer to our layer transformation documentation.
Comments
4 comments
Hi, what about fonts that have two (or more) words in their name? E.g. DM Sans or IBM Plex Sans etc? I've been trying to add DM Sans but with no luck. I'd appreciate help on that. Thank you.
Hi Greg,
It should work, spaces should be replaced by underscores.
You just need to make sure that those files are uploaded as authenticated raw files.
Loic
Hi, I'm confused about letter spacing. You have an example here:
https://res.cloudinary.com/demo/image/upload/c_scale,w_500/l_text:Verdana_75_bold_underline_letter_spacing_14:Flowers/fl_layer_apply/flowers.jpg
But if my designer delivers a stylesheet (with html/css) that says:
letter-spacing: -0.6px;
How would you note that?
Hi Walter, I apologize for the delayed response. You can apply the letter-spacing parameter of -0.6 in the URL just like this:
https://res.cloudinary.com/demo/image/upload/c_scale,w_500/l_text:Verdana_75_bold_underline_letter_spacing_-0.6:Flowers/fl_layer_apply/flowers.jpg
If you have a stylesheet, you can use it as you normally would.
Please let me know if you have any more questions or need further assistance.
Please sign in to leave a comment.