CSS Alga Font

Forum|Forum|4 years ago
August 11, 2021
2 replies
519 views

How do I insert the Alga font into my CSS?

This topic has been closed for replies.

P

Prasanna Patwardhan

Participant

Hi,

If You want to add Adobe agla font to your CSS file.
Then use @11220649-face likewise,

@11220649-face {
font-family: agla;
src: url(//you need to add the directory path of font);
}

otherwise use

@1552174 url(//Add font link from broswer); /* https://fonts.adobe.com/fonts/alga */

Hence take a look at the above 2 solutions. It will resolve your problem.
Prasanna Patwardhan
Front-end Enginner

lauzorAuthor

Participant

I dit it but nothing happens...

Unfortunately i'm not an expert, i just followed the instruction i reveived...

lauzorAuthor

Participant

thatsmauri

Community Expert

Add the HTML code <link rel="stylesheet" href="https://use.typekit.net/XXXXXXX.css"> inside the <head> tag of your website. Alternative, add @1552174 url("https://use.typekit.net/XXXXXXX.css"); to your main CSS file or inside a <style> tag. (Replace XXXXXXX with your actual Project ID).

Then, add this inside your CSS file wherever you want a font change: font-family: alga, serif;

For example, I have a header menu with the class name "topmenu" and I want it to use this font. I'd have to write the following into my CSS file:

.topmenu {

font-family: alga, serif;
// ... everything else, such as color, font size, etc

}

Remix with Firefly Community Gallery

Thousands of free creations to fall in love with and remix in Firefly.

Explore now

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.