How to Add Fonts to Adobe XD

How to Add Fonts to Adobe XD

Fonts are an essential part of any design project and play a crucial role in creating an ideal user interface (UI) for your brand. The fonts you use should work with your style guidelines to form your brand’s unique identity and create a good first impression for your customers.

However, finding the right fonts for your brand is easier said than done. Thankfully, Adobe Fonts—formerly Typekit—includes a large variety of built-in fonts in Adobe XD. You can also install fonts from external sources to unify fonts across your branding.

This article shows you how to quickly and easily add fonts to Adobe XD. Feel free to skip to any part of this article using these links:

How to add fonts to Adobe XD


Use your Adobe Creative Cloud subscription to access unlimited fonts and font packages within Adobe. Follow these steps to use them in your desig

1. Run the Adobe Creative Cloud desktop app on your Windows or macOS device by tapping the Creative Cloud icon. If you use Windows, you can find the CC icon on your taskbar. If you use a Mac, the CC icon should be on your menu bar.

2. Locate and click the Font icon in the top right corner to enter the front window. Locate the Browse Fonts button at the bottom of this window and click it to open a new browser window. You’ll automatically be logged into fonts.adobe.com. Your screen may look different from the one seen here if you’re using an earlier version of Adobe XD.

Step 2


3. Browse fonts on the font browser window. You can now look for fonts using the sidebar. Find the sidebar to the left of your browser window. Here, you’ll be able to filter your preferences to locate the font you’re seeking.

Step 3

4. Once you’ve found your desired font, click the View Family button beneath it to see the entire font family. Some fonts will have more options than others; options range from narrow and condensed versions to bolder versions of the same font.

Step 4

5. Choose the font you want to use, and click on the Activate Fonts icon. This should give you a drop-down menu to select font families, styles, and weights. Toggling these options will automatically activate the fonts you’ve chosen.

Step 5

When you use Adobe fonts on any of your projects, anyone who opens your project file will automatically have these new fonts activated in their Creative Cloud across all devices, including Android and iOS. This speeds up your workflow and saves the hassle of downloading different font files, XD files, and formats.

6. Toggle the respective buttons to activate the desired font specifications. Open the Creative Cloud app on your desktop to access the activated fonts you’ve just selected. You’ll be able to find all your fonts in the Active Fonts list.

Step 6

Where to download fonts for Adobe XD

Plenty of online resources offer fonts of all families, types, and styles. We’ve compiled a list of the best font websites to download fonts for Adobe XD.

Google Fonts

Google Fonts

Google Fonts offers a simple interface that makes finding different fonts online quick and easy. It provides open-source fonts that are free to share and customize.

These fonts are available for personal and commercial use for print or digital purposes. You can even reach out to a font’s original designer if you want to tweak or improve their font for your use.

Adobe Fonts

Adobe Fonts

Adobe Fonts, formerly Typekit, comes free with a Creative Cloud subscription (even the free version) and offers an extensive library of font families for your creative projects.

You can use your Adobe account to activate the fonts you want and use them in Adobe software like XD, InDesign, Photoshop, Illustrator, and more. New fonts automatically sync across your desktop and mobile apps.

You can also embed these fonts as web fonts using plug-ins from CMS platforms like WordPress.

Font Squirrel

Font Squirrel

Font Squirrel is a popular website for free fonts. Font Squirrel’s fonts are licensed for commercial use, so you get an archive of thousands of fonts you can use for business or work applications.

Font Squirrel also has a unique Font Identifier tool that allows you to upload images with any font. Font Squirrel will identify your uploaded font and give you similar options.

DaFont

DaFont

DaFont has an extensive library of fonts that you can download for free. You can filter fonts by their style, creator, or popularity. DaFont is not focused as much on professional applications as other font libraries, but you can get different fonts under themes like Cartoon, Groovy, Sci-Fi, Graffiti, Horror, and even Alien.

DaFont also offers holiday-based themes like Valentine’s Day, Easter, Halloween, and Christmas.

FontsArena

FontsArena

FontsArena has a great collection of professional fonts available for personal and commercial use. They also have a blog that covers various topics across design and content.

1001 Free Fonts

1001 Free fonts

1001 Free Fonts features more than 1,001 fonts—the actual number is around 10,000.

Fonts are neatly organized into 64 categories. Download all 10,000 or so fonts off 1001 Free Fonts’ website for $19.95—they’re all licensed for personal and commercial use.

Neogrey

Neogrey

Neogrey is a collection of colorful, futuristic font styles created by Ivan Filipov, a Bulgarian web and graphic designer. Filipov has made most of his fonts free for personal use, and you can even use many commercially by making a donation.

Neogrey is a unique site where you can find attractive typography and new fonts that aren’t available elsewhere.

FontStruct

Fontstruct

FontStruct lets you create custom fonts using its font-building tool. Once you’re happy with your custom font, you can share it for others to see and download. This is a great way to add fonts if there’s a specific font or style you’re seeking.

The best fonts for Adobe XD

Adobe has made several updates to its fonts collection over the past few years. With so many options available, we decided to highlight some of the best fonts you can download for Adobe XD.

ITC Avant Garde Gothic

ITC


Used by some of the world’s largest corporations like Adidas and Sony, ITC Avant Garde Gothic is a clean, minimalist font designed by Herb Lubalin and Tom Carnase. It comes in three different font weights: Book, Medium, and Bold.

Termina

Termina

Termina is a modern font with wide letterforms. Designed by Mattox Shuler, this font is available in nine weights: Thin, Extra-Light, Light, Regular, Medium, Demi, Bold, Heavy, and Black.

Neue Haas Grotesk

Neue Haas Grotesk

Dubbed “the new Helvetica,” Neue Haas Grotesk was originally created by Max Miedinger in 1957 and reformed by Christian Schwartz in 2010. This font is now a staple for contemporary Swiss graphic design. It comes in 22 styles ranging from Extra-Thin to Black, including matching italics.

Futura 

Futura

Designed by Isabella Chaeva, Paul Renner, Vladimir Andrich, and Vladimir Yefimov, Futura is one of the most popular fonts in graphic design history. This evergreen font is used in many ads and company logos, such as Nike, Louis Vuitton, Domino’s Pizza, Cisco, Gillette, and many more. It comes in 22 styles, although many companies have tweaked Futura to create their own unique brand identity.

Plantin

Plantin

Plantin is a serif-style font designed by Fritz Stelzer and Frank Hinman Pierpont in 1913. It comes in four weights: Light, Regular, Semibold, and Bold. All weights come with matching italics.

Neue Haas Unica

Neue Haas Unica

Neue Haas Unica is a similar font to Neue Haas Grotesk and was designed by Toshi Omagari. Neue Haas Unica comes in nine weights—UltraLight, Thin, Light, Regular, Medium, Bold, Heavy, Black, and ExtraBlack—each with matching italics.

Proxima Nova

Proxima Nova

Proxima Nova is a popular sans-serif typeface. Designed by Mark Simonson and released in 2005, this font combines contemporary design with a geometric appearance. It comes in 48 styles.

Baskerville

Baskerville

Designed by John Baskerville in the 1750s, Baskerville is a classic serif typeface that has since been redesigned into new forms like Baskerville PT and Baskerville URW for modern usage.

Poppins

Poppins

Poppins is a relatively new font that has quickly gained popularity in the design community. Designed by Jonny Pinhorn and Ninad Kale, Poppins is a geometric-style font with a clean aesthetic. It comes in 18 different font weights, from Thin to Black.

Montserrat

Montserrat

Montserrat is another popular, modern sans-serif font that was designed by Julieta Ulanovsky, a noted graphic designer who lives in the Montserrat neighborhood of Buenos Aires. This font is available in 36 weights, from Thin to Black, with matching italics.

Courier

Courier

You may recognize this font. Courier was originally called “Courier IBM” because it was designed in 1956 by Howard Kettler for IBM’s typewriters. It’s a monospaced slab serif typeface now used for screenplays. It comes in four weights: Medium, Medium Oblique, Bold, and Bold Oblique.

Stratos

Stratos

Stratos is a sans-serif font that was designed by Yoann Minet and released via Production Type in 2016. The modern, minimalist design features elongated uppercase letters combined with lowercase letters of normal proportions. Stratos comes in 20 weights.

Hire UX designers or find work with Adobe XD

Fonts are a core element of modern web and UI design. An attractive, unique, and timeless font can resonate with a brand’s audience and improve a company’s image by making it instantly recognizable.

One of the most essential jobs in web design is that of a user interface and user experience designer. UI/UX designers create user-friendly interfaces on software like Figma or Sketch that help users understand different products and services. Fonts are a UI/UX designer’s friend, and so is Upwork!

Upwork is one of the world’s leading freelance platforms for finding job opportunities as a UI/UX designer.

Here’s how to apply for a job as a UI/UX designer:

  1. Go to Upwork.com and click on “Sign Up.”
  2. Once you’ve signed up, add your personal information and complete your account.
  3. Start your Upwork profile by telling people about the work you do—creating one-of-a-kind user interfaces and experiences!
  4. Highlight your education and work experience and set your hourly rates.
  5. Add a picture of yourself and your contact information for people who want to hire you.
  6. Submit your profile.
  7. Congratulations, you’re officially an independent professional on Upwork!

If you’re looking for a UI or UX designer for your business, don’t worry. Plenty of expert independent professionals are waiting to create a timeless brand identity for your company. Connect with thousands of UI/UX designers today using Upwork.

Upwork is not affiliated with and does not sponsor or endorse any of the tools or services discussed in this section. These tools and services are provided only as potential options, and each reader and company should take the time needed to adequately analyze and determine the tools or services that would best fit their specific needs and situation. Prices are current at the time of writing and may change over time based on each service’s offerings.

Heading

asdassdsad
Projects related to this article:
No items found.

Author Spotlight

How to Add Fonts to Adobe XD
The Upwork Team

Upwork is the world’s work marketplace that connects businesses with independent talent from across the globe. We serve everyone from one-person startups to large, Fortune 100 enterprises with a powerful, trust-driven platform that enables companies and talent to work together in new ways that unlock their potential.

Get This Article as a PDF

For easy printing, reading, and sharing.

Download PDF

Latest articles

X Icon
Hide