New members: get your first 7 days of ITTutorPro Premium for free! Join for free

Adobe Fonts

Course Description

1 Hour

7 Course Videos

Adobe Fonts is an online service which offers a subscription library of unlimited high-quality fonts.  The fonts may be used directly on websites or synced via Adobe Creative Cloud to applications on the subscriber’s computers.  These fonts can be obtained and used in numerous projects like ads and websites.

All fonts are included with a Creative Cloud subscription and are already licensed so everything is cleared for personal and commercial with no extra charges.

This course is great for anyone in the Graphic Design field, or others working in the creative field.

Course Highlights

Closed Caption


Dedicated Tutors

Share on:

Proudly Display Your Achievement

Upon completion of your training, you’ll receive a personalized certificate of completion to help validate to others your new skills.

Course Syllabus

Module 1

  1. Instructor Intro
  2. Course Intro
  3. Navigating the Interface
  4. Activating and Deactivating Fonts
  5. Font Packs
  6. Type Kit Web Fonts
  7. Course Conclusion

Adobe Fonts

When you activate fonts from Adobe Fonts, they will appear in the font menus of all your desktop applications, such as Photoshop, Illustrator, InDesign, Microsoft Office, and iWork. Use these fonts for print design, website mockups, word processing, and more.

System requirements
Fonts are activated on your computer through Creative Cloud desktop, which is available for macOS and Windows.

It isn’t possible to activate desktop fonts on other operating systems, as the Creative Cloud desktop application is not available for those platforms.

Web fonts hosted by Adobe work in all browsers which support web fonts on macOS, Windows, and Chrome OS, as well as most mobile browsers; read more about web font browser and OS support.

Web font serving
Fonts hosted by Adobe work in all browsers which support web fonts on macOS, Windows, and Chrome OS, as well as most mobile browsers. While font serving should work on all Linux distributions, it’s only tested on Ubuntu.

Dynamic subsetting, which is used for East Asian web font serving, requires features which are not available in older browser versions. These projects are supported in newer versions of the same browsers.

Use the fonts in your desktop software programs
Once the fonts are active, they are added to the font menu in each application, alongside all of your locally installed fonts. They will be immediately available in most programs, but a few need to be restarted to add new fonts to the menu (for example, Adobe Acrobat and Microsoft Office).

Choose fonts to use
Start by browsing the library of fonts. You can choose the language support you require from the LANGUAGES AND WRITING SYSTEMS drop-down menu.

The embed code is how the web fonts are loaded into your website in the browser or into an HTML email in the email client.

The default and import embed codes use only CSS for the font loading (no JavaScript); they can be used to add fonts to webpages, HTML email or newsletters, Google AMP, and many other types of projects where web fonts are supported. JavaScript font loading is used for dynamic subsetting, which is required for East Asian web font serving.

Each browser handles loading web fonts in its own way. If a browser initially displays the text with a fallback font and then switches to the linked fonts after they’ve finished loading, you can get a flash of unstyled text or FOUT.

By default, dynamic projects will render web font-styled text with the Flash Of Unstyled Text (FOUT). This means that the browser will render fallback fonts while the web fonts are loading and then switch to the web fonts once they are available to use. This is different from the alternate approach to web font rendering, where a browser will hide text while web fonts are downloading and then show the text, styled with the web font, once the web fonts have loaded. That is called the Flash Of Invisible Text (FOIT).

Web fonts from Adobe Fonts can be used on your websites, HTML email campaigns, articles in Google’s AMP format, and many other types of projects where web fonts are supported.

Adobe continues to serve the fonts to any published projects, so existing websites will not be affected when fonts are removed. However, removed fonts are not available to use in new projects, and if you delete the font from an existing project, you cannot add it again.

Activating the new version of a font on your desktop
Remove the font from your Active Fonts by toggling the activate switch next to the font name in your list of selections. Then activate the font again from the font family page, and you will get the new version.

Note that turning Enable Adobe Fonts off and on in the Creative Cloud desktop preferences will not change the version of the font on your computer.

Updating a web project to the new font version
From the Web Projects tab in My Adobe Fonts, click “Edit Project” for the web project that you would like to update. Scroll to the end of your project and click the “Save Changes” button. The newest version of all web fonts in the project will then be served to your websites.

Using the font-family names in your CSS
The Web Projects page lists the CSS font-family name, numerical weight, and font style for each font in the project. Click the “Edit Project” link to view the CSS details for each project.

Specifying fallback fonts
If a user’s browser doesn’t support web fonts or they don’t load for any reason, the fallback fonts in the CSS stack will be used instead.

The font stack should contain at least one fallback font that is uniformly available across platforms (like Georgia or Arial), followed by a generic font-family name (like serif or sans-serif). If the browser can’t find the first font, then it will try the second font, and so on.

Why do I see 404 errors from dynamic font serving in my web browser?
It is normal to see some 404 errors with dynamic web font serving.

The dynamic font loading looks at the characters loaded into the page and checks to see if the font subset already exists for them on, to speed up the font loading. If that subset doesn’t exist yet, a 404 is returned. It is then created and the subsequent request to the same font subset is successful (200).

A 404 is only a concern if you see more than one on the same primer request, as it would indicate an issue with the subset augmentation.

Using variation-specific names in Internet Explorer 8
Internet Explorer 8 loads a maximum of four weights per family, and using two closely-related weights (e.g., 600 and 700) may result in only one weight loading correctly. Adobe Fonts serves variation-specific font-family names to those versions of the browser to manage both of these bugs.

From: $14.99 / month


You Will Get Certification After Completetion This Course.

From: $14.99 / month


Frequently Asked Questions

Instructional methods, course requirements, and learning technologies can vary significantly from one online program to the next, but the vast bulk of them use a learning management system (LMS) to deliver lectures and materials, monitor student progress, assess comprehension, and accept student work. LMS providers design these platforms to accommodate a multitude of instructor needs and preferences.

Online education may seem relatively new, but years of research suggests it can be just as effective as traditional coursework, and often more so. According to a U.S. Department of Education analysis of more than 1,000 learning studies, online students tend to outperform classroom-based students across most disciplines and demographics. Another major review published the same year found that online students had the advantage 70 percent of the time, a gap authors projected would only widen as programs and technologies evolve.

All new learning innovations are met with some degree of scrutiny, but skepticism subsides as methods become more mainstream. Such is the case for online learning. Studies indicate employers who are familiar with online degrees tend to view them more favorably, and more employers are acquainted with them than ever before. The majority of colleges now offer online degrees, including most public, not-for-profit, and Ivy League universities. Online learning is also increasingly prevalent in the workplace as more companies invest in web-based employee training and development programs.

The concern that online students cheat more than traditional students is perhaps misplaced. When researchers at Marshall University conducted a study to measure the prevalence of cheating in online and classroom-based courses, they concluded, “Somewhat surprisingly, the results showed higher rates of academic dishonesty in live courses.” The authors suggest the social familiarity of students in a classroom setting may lessen their sense of moral obligation.

Choosing the right course takes time and careful research no matter how one intends to study. Learning styles, goals, and programs always vary, but students considering online courses must consider technical skills, ability to self-motivate, and other factors specific to the medium. Online course demos and trials can also be helpful.
Our platform is typically designed to be as user-friendly as possible: intuitive controls, clear instructions, and tutorials guide students through new tasks. However, students still need basic computer skills to access and navigate these programs. These skills include: using a keyboard and a mouse; running computer programs; using the Internet; sending and receiving email; using word processing programs; and using forums and other collaborative tools. Most online programs publish such requirements on their websites. If not, an admissions adviser can help.