Display font from google drive link

[Labmecepel]

Hi, i'm trying to use a custom font (Hemi Head) , using google drive to host the link. Here is the code:

@font-face {

    font-family: 'Hemi';

    src: url('https://drive.google.com/file/d/1HDFRTuxHHPuiaTFlorjFvbfadjSijbK_/view?usp=sharing') format('woff') ;

}

.my-font {

    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

    font-size: 20px ;

}

.myfont2 {

    font-family: 'Hemi';

    font-size: 50px;

}

Solucionado: Display Custom Font in WebVI(G WEB DEVELOPMENT SOFTWARE) Without Internet Access - NI C...
I managed to use a different font by the tutorial above. Seen in the code, with the 'franklin' font.

I have tried adding another link href (google drive) but it didn't work.

Thanks in advance.

[MilanR · Accepted solution]

As mentioned on the Google Workspace blog, Google Drive is not a web hosting service so linking to a font in that way is not expected to work.

I'd recommend including the font in the Web Application like the forum post you referenced describes:

From Display Custom Font in WebVI(G WEB DEVELOPMENT SOFTWARE) Without Internet Access: 

---

• Get a web font [...] in WOFF format
• Place it in your project path and add it to the project
• Add the custom stylesheet that is included with the font to you website

---