CSS - add font

Ask a question
1

Hello. I am trying to use a font called “Alternate Gothic No3 D” on my ActiveCampaign signup form. Here is a page with some details: Alternate Gothic No3 D 001.005 Fonts Free Download - OnlineWebFonts.COM

As the page instructed, I added the following to the header section of my website:

Here is what my Custom CSS on the signup form looks like:

@import url(//db.onlinewebfonts.com/c/1ab27b1a02a7fb1c4ebe805cff2694c3?family=Alternate+Gothic+No3+D);

@font-face {font-family: “Alternate Gothic No3 D”; src: url(“//db.onlinewebfonts.com/t/1ab27b1a02a7fb1c4ebe805cff2694c3.eot”); src: url(“//db.onlinewebfonts.com/t/1ab27b1a02a7fb1c4ebe805cff2694c3.eot?#iefix”) format(“embedded-opentype”), url(“//db.onlinewebfonts.com/t/1ab27b1a02a7fb1c4ebe805cff2694c3.woff2”) format(“woff2”), url(“//db.onlinewebfonts.com/t/1ab27b1a02a7fb1c4ebe805cff2694c3.woff”) format(“woff”), url(“//db.onlinewebfonts.com/t/1ab27b1a02a7fb1c4ebe805cff2694c3.ttf”) format(“truetype”), url(“//db.onlinewebfonts.com/t/1ab27b1a02a7fb1c4ebe805cff2694c3.svg#Alternate Gothic No3 D”) format(“svg”); }
}

But when I go to my website, the form on my website is not updated with the new font. Any ideas why this isn’t working? I’m new to CSS, so I’m pretty sure I’m just doing something wrong. Thank you for your help!

2

Hi! The HTML you would add inside the HEAD section of your web page is the <link /> tag.

<link href="//db.onlinewebfonts.com/c/1ab27b1a02a7fb1c4ebe805cff2694c3?family=Alternate+Gothic+No3+D" rel="stylesheet" type="text/css"/>

You would also need to update the CSS for the form to change the font-family to include the new font. For example, anywhere in the form embed code you see something like:

font-family:arial, helvetica, sans-serif;

Change to:

font-family: "Alternate Gothic No3 D", arial, helvetica, sans-serif;

I hope this helps!