First copy the link from your project, leaving off the style tags on either end.Ģ. Once you've done that, follow the instructions in this Adobe doc to embed your web project into the custom CSS section of your Appcues theme.ġ. Paste your copied project ID here and press the 'Save' button. In the modal that appears, there will be a field for pasting in your project ID. Open up the Font Manager window in your Appcues theme by clicking 'Header font' or 'Body font' and selecting 'Add Adobe Font'. In your Adobe fonts account, under the Web Projects tab, copy the project ID of the fonts project you would like to use. Be sure to click the 'save' button in the upper right hand corner, and your Theme settings are set with your custom fonts! (Note: If you save a theme without selecting one of the google fonts from either drop-down menu, the google font will be removed from your styles altogether to improve performance and load time). In the 'Header font' and 'Body font' drop-down menus, you will now be able to select the fonts you have added via Google Fonts. Paste your copied URL here and press the 'Save' button. Underneath the label 'Font URL' you will see an input field. Open up the Font Manager window in your Appcues theme by clicking 'Header font' or 'Body font' and then select 'Add Google Font'. (&display=swap does not need to be included) Open up the 'Family/Families Selected' drop-down and copy the URL provided. Then, the font can be added to your fonts list with the 'Select this style' option. First, you'll navigate to the page for the font. Navigate to the Google Fonts page and select the fonts you wish to include in your Appcues theme. If you have a custom font, you can use them by adding them via the Styles page within the Appcues Studio using one of the following:
0 kommentar(er)
