This guide explains how to integrate Adobe Fonts into Oxygen.

Configuring Adobe Fonts

Selection and Addition of Fonts in Adobe

1. Visit fonts.adobe.com and navigate to the All Fonts section.
2. Select the desired fonts for your project.
3. Click the code icon next to a font to add it to a web project.
4. Select Create New Project or add to an existing one.
5. Click Create to add the font to your project.

Adding More Fonts to the Project

1. If you wish to add more fonts, click Done and then select another font.
2. Repeat the process of clicking the code icon and adding the font to the project.
3. After adding the desired fonts, save the changes in Adobe Fonts.

Extracting the Necessary CSS URL

Adobe Fonts provides HTML code containing the URL to the CSS stylesheet for the fonts. Locate the ‘href’ attribute within the code and copy the URL of the CSS file for your project. This step is similar for other font providers that offer a CSS file.

Using Fonts in Oxygen

Implementing Fonts in Oxygen

1. Open Oxygen and navigate to Preferences > Custom Fonts under the … menu.
2. Select Use Fonts in External CSS and click Add External CSS.
3. Paste the copied CSS URL from Adobe Fonts into the provided field and click Add.
4. Oxygen will auto-detect all fonts in the CSS file, making them available for use within the Builder.
5. Click Save Fonts and close the dialog.

Adobe Fonts Language Subsetting

Depending on the language of the Font, some Adobe Fonts families may not show correctly in Oxygen. To allow these Fonts to show in Oxygen, please perform the following steps in Adobe Fonts:

1. Go to Edit Project.
2. Click Language Subsetting Under Character Set.
3. Check the appropriate language(s) for the Font.
4. Save the Project.

Further information about using Language Subsettings with Adobe Fonts may be found here: https://helpx.adobe.com/fonts/using/language-support-subsetting.html.