Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


CSS Alga Font

New Here ,
Aug 11, 2021 Aug 11, 2021

Copy link to clipboard

Copied

How do I insert the Alga font into my CSS?

Views

93

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Aug 12, 2021 Aug 12, 2021

Copy link to clipboard

Copied

Add the HTML code <link rel="stylesheet" href="https://use.typekit.net/XXXXXXX.css"> inside the <head> tag of your website. Alternative, add @Import 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

}

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 19, 2021 Aug 19, 2021

Copy link to clipboard

Copied

Hi,

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

 

 

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

 

 


otherwise use

 

 

@Import 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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 20, 2021 Aug 20, 2021

Copy link to clipboard

Copied

 

I dit it but nothing happens...

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Aug 20, 2021 Aug 20, 2021

Copy link to clipboard

Copied

LATEST

Schermata 2021-08-18 alle 17.35.20.pngSchermata 2021-08-18 alle 17.35.34.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines