CSS font include rules:

    body {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    @font-face{
        font-family:"Gene-Condensed-Bold";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Condensed-Bold.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Condensed-Bold.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Condensed-Bold.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Condensed-Bold.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Condensed-Bold.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Condensed-Heavy";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Condensed-Heavy.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Condensed-Heavy.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Condensed-Heavy.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Condensed-Heavy.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Condensed-Heavy.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Condensed-Light";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Condensed-Light.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Condensed-Light.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Condensed-Light.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Condensed-Light.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Condensed-Light.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Condensed-Regular";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Condensed-Regular.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Condensed-Regular.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Condensed-Regular.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Condensed-Regular.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Condensed-Regular.ttf")
            format("truetype");
    }


    @font-face{
        font-family:"Gene-Sans-Bold-Italic";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Bold-Italic.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Bold-Italic.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Sans-Bold-Italic.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Sans-Bold-Italic.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Sans-Bold-Italic.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Sans-Bold";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Bold.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Bold.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Sans-Bold.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Sans-Bold.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Sans-Bold.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Sans-Light-Italic";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Light-Italic.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Light-Italic.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Sans-Light-Italic.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Sans-Light-Italic.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Sans-Light-Italic.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Sans-Light";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Light.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Light.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Sans-Light.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Sans-Light.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Sans-Light.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Sans-Regular-Italic";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Regular-Italic.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Regular-Italic.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Sans-Regular-Italic.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Sans-Regular-Italic.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Sans-Regular-Italic.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Sans-Regular";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Regular.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Regular.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Sans-Regular.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Sans-Regular.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Sans-Regular.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Sans-Thin-Italic";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Thin-Italic.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Thin-Italic.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Sans-Thin-Italic.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Sans-Thin-Italic.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Sans-Thin-Italic.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Sans-Thin";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Thin.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Sans-Thin.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Sans-Thin.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Sans-Thin.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Sans-Thin.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Serif-Bold-Italic";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Bold-Italic.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Bold-Italic.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Serif-Bold-Italic.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Serif-Bold-Italic.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Serif-Bold-Italic.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Serif-Bold";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Bold.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Bold.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Serif-Bold.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Serif-Bold.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Serif-Bold.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Serif-Light-Italic";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Light-Italic.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Light-Italic.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Serif-Light-Italic.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Serif-Light-Italic.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Serif-Light-Italic.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Serif-Light";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Light.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Light.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Serif-Light.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Serif-Light.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Serif-Light.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Serif-Regular-Italic";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Regular-Italic.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Regular-Italic.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Serif-Regular-Italic.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Serif-Regular-Italic.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Serif-Regular-Italic.ttf")
            format("truetype");
    }

    @font-face{
        font-family:"Gene-Serif-Regular";
        font-display: swap;
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Regular.eot");
        src:url("https://fonts.gene.com/genentech/Gene-Serif-Regular.eot")
            format("eot"),url("https://fonts.gene.com/genentech/Gene-Serif-Regular.woff2")
            format("woff2"),url("https://fonts.gene.com/genentech/Gene-Serif-Regular.woff")
            format("woff"),url("https://fonts.gene.com/genentech/Gene-Serif-Regular.ttf")
            format("truetype");
    }
  

Fonts

H1: Gene-Condensed-Bold

H2: Gene-Condensed-Bold

H3: Gene-Condensed-Bold

H4: Gene-Condensed-Bold

H5: Gene-Condensed-Bold

p: Gene-Condensed-Bold

DNA 1 - Unicode: U+E000 CSS: \E000 HTML: 
DNA 2 - Unicode: U+E001 CSS: \E001 HTML: 
Antibody 1 - Unicode: U+E002 CSS: \E002 HTML: 
Antibody 2 - Unicode: U+E003 CSS: \E003 HTML: 
Antibody 3 - Unicode: U+E004 CSS: \E004 HTML: 
Antibody 4 - Unicode: U+E005 CSS: \E005 HTML: 
DNA Thing - Unicode: U+E006 CSS: \E006 HTML: 
Wizard 1 - Unicode: U+E007 CSS: \E007 HTML: 
Wizard 2 - Unicode: U+E008 CSS: \E008 HTML: 
Bell 1 - Unicode: U+E009 CSS: \E009 HTML: 
Bell 2 - Unicode: U+E00A CSS: \E00A HTML: 
White Shirt - Unicode: U+E00B CSS: \E00B HTML: 
Black Shirt - Unicode: U+E00C CSS: \E00C HTML: 
Herb 1 - Unicode: U+E00D CSS: \E00D HTML: 
Herb 2 - Unicode: U+E00E CSS: \E00E HTML: 
Bob 1 - Unicode: U+E00F CSS: \E00F HTML: 
Bob 2 - Unicode: U+E010 CSS: \E010 HTML: 
Genentech Logo - Unicode: U+E011 CSS: \E011 HTML: 
Roche Logo - Unicode: U+E012 CSS: \E012 HTML: 
Protein 1 - Unicode: U+E013 CSS: \E013 HTML: 
Protein 2 - Unicode: U+E014 CSS: \E014 HTML: 
Eye - Unicode: U+E015 CSS: \E015 HTML: 
Virus 1 - Unicode: U+E016 CSS: \E016 HTML: 
Virus 2 - Unicode: U+E017 CSS: \E017 HTML: 
Virus 3 - Unicode: U+E018 CSS: \E018 HTML: 
Virus 4 - Unicode: U+E019 CSS: \E019 HTML: 
Roche Tagline - Unicode: U+E01A CSS: \E01A HTML: 

H1: Gene-Condensed-Heavy

H2: Gene-Condensed-Heavy

H3: Gene-Condensed-Heavy

H4: Gene-Condensed-Heavy

H5: Gene-Condensed-Heavy

p: Gene-Condensed-Heavy

H1: Gene-Condensed-Light

H2: Gene-Condensed-Light

H3: Gene-Condensed-Light

H4: Gene-Condensed-Light

H5: Gene-Condensed-Light

p: Gene-Condensed-Light

H1: Gene-Condensed-Regular

H2: Gene-Condensed-Regular

H3: Gene-Condensed-Regular

H4: Gene-Condensed-Regular

H5: Gene-Condensed-Regular

p: Gene-Condensed-Regular

H1: Gene-Sans-Bold-Italic

H2: Gene-Sans-Bold-Italic

H3: Gene-Sans-Bold-Italic

H4: Gene-Sans-Bold-Italic

H5: Gene-Sans-Bold-Italic

p: Gene-Sans-Bold-Italic

H1: Gene-Sans-Bold

H2: Gene-Sans-Bold

H3: Gene-Sans-Bold

H4: Gene-Sans-Bold

H5: Gene-Sans-Bold

p: Gene-Sans-Bold

H1: Gene-Sans-Light-Italic

H2: Gene-Sans-Light-Italic

H3: Gene-Sans-Light-Italic

H4: Gene-Sans-Light-Italic

H5: Gene-Sans-Light-Italic

p: Gene-Sans-Light-Italic

H1: Gene-Sans-Light

H2: Gene-Sans-Light

H3: Gene-Sans-Light

H4: Gene-Sans-Light

H5: Gene-Sans-Light

p: Gene-Sans-Light

H1: Gene-Sans-Regular-Italic

H2: Gene-Sans-Regular-Italic

H3: Gene-Sans-Regular-Italic

H4: Gene-Sans-Regular-Italic

H5: Gene-Sans-Regular-Italic

p: Gene-Sans-Regular-Italic

H1: Gene-Sans-Regular

H2: Gene-Sans-Regular

H3: Gene-Sans-Regular

H4: Gene-Sans-Regular

H5: Gene-Sans-Regular

p: Gene-Sans-Regular

H1: Gene-Sans-Thin-Italic

H2: Gene-Sans-Thin-Italic

H3: Gene-Sans-Thin-Italic

H4: Gene-Sans-Thin-Italic

H5: Gene-Sans-Thin-Italic

p: Gene-Sans-Thin-Italic

H1: Gene-Sans-Thin

H2: Gene-Sans-Thin

H3: Gene-Sans-Thin

H4: Gene-Sans-Thin

H5: Gene-Sans-Thin

p: Gene-Sans-Thin

H1: Gene-Serif-Bold-Italic

H2: Gene-Serif-Bold-Italic

H3: Gene-Serif-Bold-Italic

H4: Gene-Serif-Bold-Italic

H5: Gene-Serif-Bold-Italic

p: Gene-Serif-Bold-Italic

H1: Gene-Serif-Bold

H2: Gene-Serif-Bold

H3: Gene-Serif-Bold

H4: Gene-Serif-Bold

H5: Gene-Serif-Bold

p: Gene-Serif-Bold

H1: Gene-Serif-Light-Italic

H2: Gene-Serif-Light-Italic

H3: Gene-Serif-Light-Italic

H4: Gene-Serif-Light-Italic

H5: Gene-Serif-Light-Italic

p: Gene-Serif-Light-Italic

H1: Gene-Serif-Regular-Italic

H2: Gene-Serif-Regular-Italic

H3: Gene-Serif-Regular-Italic

H4: Gene-Serif-Regular-Italic

H5: Gene-Serif-Regular-Italic

p: Gene-Serif-Regular-Italic

H1: Gene-Serif-Regular

H2: Gene-Serif-Regular

H3: Gene-Serif-Regular

H4: Gene-Serif-Regular

H5: Gene-Serif-Regular

p: Gene-Serif-Regular