Introduction to Using Adobe Fonts with Breakdance
This article describes how to integrate Adobe Fonts into your Breakdance website project. It covers the process from selecting fonts on Adobe’s platform to implementing them in Breakdance.
Adding Fonts to Your Breakdance Website
Selection and Addition of Fonts in Adobe
- Visit fonts.adobe.com and navigate to the ‘All Fonts’ section.
- Select the desired fonts for your project.
- Click the code icon next to a font to add it to a web project.
- Select ‘Create New Project’ or add to an existing one.
- Click ‘Create’ to add the font to your project.
Adding More Fonts to the Project
- If you wish to add more fonts, click ‘Done’ and then select another font.
- Repeat the process of clicking the code icon and adding the font to the project.
- 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 Breakdance
Implementing Fonts in Breakdance
- Open Breakdance and navigate to Preferences > Custom Fonts under the ‘…’ menu.
- Select ‘Use Fonts in External CSS’ and click ‘Add External CSS’.
- Paste the copied CSS URL from Adobe Fonts into the provided field and click ‘Add’.
- Breakdance will auto-detect all fonts in the CSS file, making them available for use within the platform.
- 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 Breakdance. To allow these Fonts to show in Breakdance, please perform the following steps in Adobe Fonts:
- Go to Edit Project.
- Click ‘Language Subsetting’ Under ‘Character Set’.
- Check the appropriate language(s) for the Font.
- 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.