Re: install google font local

haiflosse117fc · ‎08-29-2022

Hi!

I want to install google font local.

I have tried to change in the settings the theme settings at font the Basic Font Family to: Select Custom Fonts and choose the Font Family - Custom Fonts: Open Sans.

But I use still google fonts on my website agoshop.at

Hope someone can help me there.

kindly regards

Ankit Jasani · ‎08-29-2022

Hi @haiflosse117fc ,

Please refer https://meetanshi.com/blog/add-and-use-google-fonts-in-magento-2/

Problem Solved? Accept as Solution!

Hope it helps!

Thanks

Ankit Jasani

Bhanu Periwal · ‎08-29-2022

Hello @haiflosse117fc

Put the following code at Vendor\Extension\View\frontend\layout\default_head_blocks.xml file or Vendor\Your_Theme\Magento_Theme\layout\default_head_blocks.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <link rel="stylesheet" type="text/css" src="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800" src_type="url" />
    </head>
</page>

Take reference of above code. It may help you!

Problem solved? Click Accept as Solution!

haiflosse117fc · ‎08-30-2022

Hi.

This is a missunderstanding.

I already use the Google fonts. But I don't want to use a Google font Link. The fonts should install local on the server.

Like usehttps://www.ccm19.de/google-fonts-checker/?scanurl=agoshop.at&googlefontchecker=check&scanstart=Check+starte... I use the following font files:

and the following css link which load Google fonts:

Hope someone can informe me how I can use the fonts direct without the Google link.

Kindly regards

Mukesh Tiwari · ‎08-30-2022

Hi @haiflosse117fc

Please read the following article https://simplify-everything.com/en/blog/2019/05/30/how-to-host-google-fonts-local-through-css/ it has detailed explanation about hosting the Google fonts locally.

In the article there is a service link using which you can download the font and configure the CSS as given in the article.

Give it a try and see if it works for you.

Thanks

---
Problem Solved Click Accept as Solution!:Magento Community India Forum

haiflosse117fc · ‎08-30-2022

Thanks for your answer.

It seems that is an instruction for wordpress.

In which folder or subfolder can I upload the fonts?

In which stylesheet file or where can I find my stylesheet file can I insert the ccs code?

kindly regards again

Ankit Jasani · ‎08-30-2022

Hi @haiflosse117fc ,

Please check this one https://developer.adobe.com/commerce/frontend-core/guide/css/fonts/

Problem Solved? Accept as Solution!

Hope it helps!

Thanks

Ankit Jasani

anmoldevri9adb · ‎09-12-2022

Hey @haiflosse117fc

You must add the following line to the head> section of your HTML page to include the Montserrat font on your website in its regular, regular italic, bold, and bold italic variations:

<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">

Then, you may include the following CSS rule in any CSS file selector:

div {
    font-family: 'Montserrat', sans-serif;
}

You can see all fonts by entering the URL in a browser. Also, you can customize the font family as you want.