Skip to main content
lauzor
Participant
August 11, 2021
Question

CSS Alga Font

  • August 11, 2021
  • 2 replies
  • 509 views
How do I insert the Alga font into my CSS?
    This topic has been closed for replies.

    2 replies

    Participant
    August 19, 2021

    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

    lauzor
    lauzorAuthor
    Participant
    August 20, 2021

     

    I dit it but nothing happens...

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

    lauzor
    lauzorAuthor
    Participant
    August 20, 2021

    thatsmauri
    Community Expert
    Community Expert
    August 12, 2021

    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

    }