Web Design » Canva » How Do I Create a Gradient Font in Canva?

How Do I Create a Gradient Font in Canva?

Last updated on September 27, 2022 @ 10:32 pm

There are a few different ways that you can create a gradient font in Canva. One way is to use the built-in text editor to add your own custom CSS code.

You can also use a third-party tool like Google Web Fonts to create a gradient font. Finally, you can create a gradient font by using an online service like Adobe Fonts.

Method 1: Use the built-in text editor in Canva

1. Go to the Canva homepage and sign up for a free account. Once you’re logged in, click on the “Create a design” button.

2. In the design editor, click on the “Text” tab and then click on the “Add Text” button.

3.

A text box will appear. Enter your desired text and then click on the “OK” button.

4. Now, click on the “Text” tab again and then click on the “Edit CSS” button.

5. A new window will open up with some default CSS code. Replace this code with the following:

.gradient-text {

background: -webkit-linear-gradient(45deg, #ee7752, #e73c7e);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

6. Now, click on the “Apply” button and then close the CSS editor window.

Method 2: Use Google Web Fonts

1.google.com/fonts”>Google Fonts homepage and browse through the different fonts available.

2.

When you find a font that you like, click on the “Add to collection” button.

3. Once you’ve added all of the fonts that you want to use, click on the “Use” button at the bottom of the page.

4. On the “Use” page, select all of the fonts that you want to use and then click on the “Embed” tab.

Method 3: Use Adobe Fonts

1.Visit Adobe Fonts. Find a font you like and click Add to Library. This will take you back to Adobe Creative Cloud.

2.From My Libraries, select Library Settings. In Library Settings, navigate to Embed.

3.

(The code should be inserted in between <style> tags in your HTML document.)

PRO TIP: Please be aware that the author of this article is not a graphic design professional, and the advice given in this article may not produce the desired results. Use caution and consult with a professional if you are unsure about how to proceed.
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.