In Adobe Muse, select File > Add/Remove Web Fonts.
Read this article to know how to use Adobe Typekit web fonts, Edge web fonts, and self-hosted web fonts on your web pages.
Adobe Muse is no longer adding new features and will discontinue support on March 26, 2020. For detailed information and assistance, see Adobe Muse end-of-service FAQ.
Adobe Typekit web fonts are now available in the Adobe Muse Add/Remove font menu.
You can try a limited selection of fonts from the Typekit library with any level of Creative Cloud plan, and if you’ve subscribed to a paid plan, you’ll have access to the full library with thousands of fonts. For more information on subsciption plans for Typekit, see Web Font Hosting Plans from Typekit.
Unlike self-hosted web fonts, Typekit hosts the fonts that you decide to use on your website. This means that if you select fonts from the Typekit library and then publish your site in Adobe Muse, Typekit will automatically host those fonts and connect your Typekit account to your website.
In Adobe Muse, select File > Add/Remove Web Fonts.
On the Add Web Fonts dialog, the Typekit tab lists all Typekit web fonts available to your Creative Cloud account type.
Browse for the font that best suits your design needs. You can use the following Sort and Filter options to select the font you need.
Once you find a font that you want to use, simply click it. A checkmark appears indicating the font is selected. You can choose multiple fonts to add at once, if you'd like. The Selected Fonts tab displays all fonts you've selected.
Click OK. The Web Fonts Notification dialog box appears, confirming the new web fonts were added. Select the Don't Show Again option if desired.
Now when you use the Font Menu to choose the Web Fonts option again, the list of fonts you added are displayed.
In Adobe Muse, select the text you want to apply the Typekit font on.
With the text still selected, choose the Typekit font you want to apply from the Font menu.
Web fonts enable you to choose from hundreds of fonts in a large online library hosted by Typekit.com. The library of web fonts in Adobe Muse is included with your Adobe Muse subscription. You don't need to sign up or purchase a Typekit account to access the fonts and start using them in your web designs.
Note: If you have a Typekit account, you'll notice that the set of web fonts currently available in Adobe Muse is different than the set you access when visiting typekit.com. The web fonts provided in Adobe Muse are free, restriction-less, and do not require a Typekit account. The web fonts offered with a Typekit account are metered and access-controlled. Future versions of Adobe Muse will enable you to access your library of Typekit fonts from within the Adobe Muse workspace, but this feature is not yet available.
The benefits of using web fonts are:
In the rare event that the Typekit servers are unable to load the font you've applied dynamically as the pages load, the text content will still display—using a default backup font. This scenario is very unlikely, but it is good to note that the text content will still be legible to visitors in any case and the site won't display an error message.
Exercise caution when adding web fonts to your design. If you add too many web fonts, visitors will experience longer overall download times, which may make sites much slower—impacting the overall user experience. With this in mind, limit your designs to applying 1-2 font families with 4 styles per family. Because web fonts are remote resources (just like images and video), they must be downloaded into the visitors' browser cache as they view a site's pages.
Another feature is that Adobe Muse tracks all of the web fonts that are used in a site. If you remove a web font that is in use for a .muse file, the web font will remain in the list in the Font menu the next time you open the .muse file. So you can't accidentally remove a web font that the site needs, and you don't have to manually keep track of the fonts you are using as you design pages.
Follow these steps to add a new web font:
A new window appears that displays the web font library.
Use the Text tool to select some text in a text frame.
Use the Font menu (in the Control panel or in the Text panel) to choose Web Fonts > Add Web Fonts...
You can click the Filters across the top of the page to choose the style of font you are interested in adding. Or use the search field to find a font by name.
Once you find a font that you want to use, simply click it. A checkmark appears indicating the font is selected. You can choose multiple fonts to add at once, if you'd like.
You can click the single line or multi-line button near the top right side to view the fonts that are best suited for headers or paragraphs.
If you click the checkmark button to the far right, the window displays the list of fonts that you've selected. If you change your mind and decide not to add a font, just click the font's name again to deselect it.
The Web Fonts Notification dialog box appears, confirming the new web fonts were added.
When you are finished selecting the fonts you want to add, click OK.
Click OK.
If desired, check the Don't show again checkbox.
Now when you use the Font Menu to choose the Web Fonts option again, the list of fonts you added are displayed.
In Adobe Muse, select the text you want to apply the Edge Web Font on.
With the text still selected, select the Edge Web Font you want to apply from the Font menu.
The Self-Hosted Web Fonts feature allows you to access and use web fonts you may have purchased from third-party providers. Certain web fonts may not be available on each site visitor's computer or device. In such a scenario, depending on the browser's text engine a web-safe font is used instead, which greatly affects the appearance of your website.
Web fonts must be downloaded from a server, such as the one hosted by Adobe Edge Web Fonts (powered by Typekit). Alternatively, it may be preserved on the same web server that hosts your site content. The approach of hosting and rendering web fonts real time, during a site visit is called self-hosting, and fonts obtained in this manner are called Self-Hosted Web Fonts.
The following font types are needed when working with self-hosted web fonts:
System Fonts
are needed for designing your web page within Adobe Muse. When you purchase a web font, ensure that you download and install properly licensed desktop fonts. Adobe Muse supports the following font formats:
Web Fonts
are used when rendering your site in the browser. Adobe Muse requires you to obtain the following web font formats in order to render the font across all browsers:
Select File > Add/Remove Web Fonts to bring up the Add Web Fonts dialog.
On the Add Web Fonts dialog, select the Self-Hosted Web Fonts tab.
Browse to and select the folder containing the font or drag the font onto Add Web Fonts dialog. On locating web fonts, Adobe Muse displays a prompt accordingly. If you have added web fonts in the past, click + Add Fonts button to continue.
Adobe Muse searches for web font files within the specified folder, and automatically matches them to their corresponding system font. Affirm that you have properly licensed the web font, and click Continue.
The Manage mode is automatically activated, and the web fonts that have been added are listed.
The Manage mode displays a list of all self-hosted web fonts with matching desktop font. The newly added fonts bubble up to the top of the list, and so do fonts with missing font files or without a desktop match.
The Manage mode for self-hosted web fonts, allows you to do the following:
Sometimes, Adobe Muse may fail to match a web font with its corresponding desktop font automatically. In this case, you are required to explicitly specify a match for the web font. To specify a match for a web font, do the following:
Click the button to bring up a dialog for your font.
Click the Match button, to display a list of the fonts installed on your system.
Select a matching system font by scrolling through the list or filtering by name. Click OK to confirm the match.
If Adobe Muse could not locate .eot or .svg files corresponding to a .woff file automatically, you can manually locate them. To locate a missing font file, click the button next to the font. Click Browse and navigate to the location of the missing file. Click OK to add the missing file.
If you have previously added self-hosted web fonts, the Browse mode is automatically activated when you launch the Add Web Fonts dialog. This mode provides thumbnail previews of fonts (grouped by family) and lets you select fonts to add to the Fonts drop-down. (By default, all newly added self-hosted fonts are added to the Fonts drop-down, assuming there are no issues such as missing font files or no matching desktop font.). You can also filter the font families by name or show only selected items.
Prisijunkite prie savo paskyros