How to use custom font using HTML& CSS from Google font?

Design help General
1

Hi webflow user and staff.
I’m making japanese site and we want to use japanese font from google font.
But, we can not find the font we want on Google font list on webflow.

I saw several methode by embedding, is that possibe to put this code into my webpage and use the font? if possible where should I put this code?

HTML:
< link href=“https://fonts.googleapis.com/earlyaccess/mplus1p.css” rel=“stylesheet” />

CSS:
.wf-mplus1p { font-family: “Mplus 1p”; }

Thank you!

2

No need for custom CSS/HTML in this case. Use custom fonts feature:

3

Thank you for the reply.
I’ve tried to upload the font, but Japanese font have lot of character and one font can be 5.5Mb alone without family.
Also the rule said: You are able to upload a maximum file size of 2MB per font file.

4

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.