I consider the folks on my newsletter to be my friends - subscribe and I’ll share what I’m learning and building. I learn as much I can, build things often, and share what I’m learning with my friends. My life got way better when I stopped worrying about picking the “right” thing and focused on finding the fun in learning instead. Read the Cloudinary docs on text overlays.Use the Node SDK to upload custom fonts programmatically.Get more detail on how text overlays work.Learn how to use text overlays to automatically generate social sharing cards for blog posts.The Cloudinary screen for adding upload presets. The URL above will display this image with a text overlay using our custom font! Using an image from our own media library, we can add the text overlay like so: !/corgi.jpg Once our custom font is uploaded, we can use it by adding its public ID as the font name in a text overlay transformation. We know that our upload preset is working because the font has a lock in the bottom-right corner, which means that it’s an authenticated upload - this means that there’s no public access to the font, which is necessary to avoid violating the terms of most font licenses. Heads up! Depending on your settings, you may see the font uploaded with a random string instead of the font name - if this happens, you can click on the font and edit the name in the right-hand sidebar that appears.Ī custom font displayed in Cloudinary’s media library. NOTE: Make sure you have the appropriate licenses for any fonts you upload!ĭrag the TTF file onto the media library at - once it’s finished, we’ll see it show up in our list of assets. We’re going to use the delightful Snowballs font from Stereo Type. Now that the preset is enabled, we can test it out by uploading a custom font. Upload a custom font using the media library The Cloudinary settings screen for choosing upload presets. Under “Raw”, choose the upload preset you just created. Head to - or click the gear, then the “Upload” tab - and scroll all the way to the bottom to find the “Media library’s upload presets”. Now that we have a preset, we need to tell Cloudinary to use it for “raw” files, which is any file that’s not an image or video. Use the upload preset for raw files in the media library
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |