Working With Digital Ads

Learn more about working with digital ads in Monotype Fonts.

Supriya Bisht avatar
Written by Supriya Bisht
Updated over a week ago

What are digital ads?

With the advent of new web technologies, HTML5 is now the preferred format for advertisements on the web (instead of Flash, which was the norm a decade ago). This shift to HTML5 allows brands and content creators to create ads that run seamlessly and look great on all digital platforms and devices—from desktop to mobile and more.

Using web fonts in HTML5 ads allows you to build content and user experiences that are on brand, responsive, dynamic, and personalized with messaging based on geolocation and other factors.


Digital ads in your library

Much like web projects, digital ads in Monotype Fonts are another grouping option for organizing your font library and preparing your web fonts for use in HTML5 ads. They provide the same subsetting and font hosting capabilities as web projects, but they monitor usage of your fonts based on the impressions your HTML5 digital ads make when you deploy them on various ad networks. You can find more info on monitoring and reporting usage here.

Please note: Digital ad lists created before August 2021 are using sunsetted web font services and their functionality will be restricted. Read our article for help with legacy digital ad lists.


Creating a digital ad

1. To create a digital ad, begin by clicking on the Create new button in the sidebar.

Create_new.png

2. Next, select Digital ad from the Create new dialog.

Digital_Ad.png

3. Next, enter a Name for your digital ad.

New_digital_ad.png

4. Finally, click on the Create button.

Create_digital_ad.png

Your new digital ad will appear in the sidebar. Click on it to open it in the main view and start adding fonts to your new web project.

View_your_digital_ad.png

Adding (and removing) fonts in a digital ad

You can add fonts to your digital ads from anywhere you encounter the Add to button on a screen throughout your font discovery and management journey, just as we did with font lists—from the "Browse" section, search results, font and family pages, and more.

As an example, let’s add the Helvetica Now family to a digital ad.

1. Begin by clicking on the Add to button on Helvetica Now’s family page.

Add_to.png

2. This will bring up the Add to dialog. Select the digital ad(s) you’d like to add your fonts to. In this case, we’ll use the sample digital ad named “Digital Ad 01” created using the steps outlined in the previous section.

Add_to_dialog.png

3. Click on the Done button to add the family to your digital ad.

Done.png

4. Click on the My Library tab in the header to go to your library.

My_Library.png

5. Click on your Digital ad in the sidebar to open it in the main view on the right.

6. The font family you added—in this case, Helvetica Now—will appear as follows:

Font_family.png

7. To keep the web font package to an optimal size, only a select few styles of a font family are automatically added to your digital ad. You can click on the Expand icon to view all weights and styles and add the ones you need by clicking on the + icon beside each style in the list.

Web_font_package.png

8. To remove a style, or the entire family, hover over a font row and click on the cross-shaped Remove icon.


Sharing, revoking, and defining access levels for a digital ad

Sharing digital ads with members of your team is just as simple as sharing font lists.

Sharing and granting access to a digital ad

1. Start by opening a digital ad by clicking on it in the left sidebar.

Digital_ad_01.png

2. Once the digital ad is open in the main view, click the Share access button to bring up the sharing dialog.

RE_Share_Button_4.png

3. In the sharing dialog, select teams and individuals to share the digital ad with by clicking on the + button next to their names. You can also search for specific teams or individuals by using the search bar in this dialog.

Share digital ad_01

4. Once you’ve added users to a digital ad, you can also define their access level by clicking on the access-level drop-down menu that appears next to their name. This is set to View only by default, but can be changed to any of the following access levels:

View_only.png

  • Is owner

    Users with “Is owner” access can:

    • Add fonts to the shared digital ad

    • Share the digital ad with other users by providing either “Can edit” or “View only” access

    • Remove fonts from the shared digital ad

    • Edit the shared digital ad, including its name and description

    • Duplicate the shared digital ad

    • Delete the shared digital ad

    • Subset web fonts

    • Generate embed code(s) for web fonts

    • Download the web font self-hosting kit

  • Can edit

    Users with “Can edit” access can:

    • Add fonts to the shared digital ad

    • Share the digital ad with other users by providing either “Can edit” or “View only” access

    • Remove fonts from the shared digital ad

    • Duplicate the shared digital ad

    • Subset web fonts

    • Generate embed code(s) for web fonts

    • Download the web font self-hosting kit

  • View only

    Users with “View only” access level can, as the name suggests, only view the web project shared with them. However, depending upon the specific permissions set for their role, these users may generate web font embed codes and download web font self-hosting kits.

5. You can also choose to notify users you’ve shared your digital ad with via email using the Notify shared users by email toggle switch.​​​​​​

Notify_by_email.png

6. You may also choose to share a digital ad with your entire company in one go by clicking on the Share with entire company toggle switch.

Share_with_company.png

7. Once you’re ready, click on the Update button for changes to take effect.

Update.png

Revoking access to a digital ad

1. To revoke a user’s access to a shared digital ad, open the sharing dialog and search for the user or team, and hover over the checkmark icon next to their name.

Revoking_access.png

2. This will toggle the checkmark icon to a cross-shaped Remove Access button. Click on it to revoke their access.

Remove_access.png

Did this answer your question?