Magento2 How to use custom fonts in Homepage

Question

Does anyone suggest me how i can use custom fonts in my magento website ?
I want to use "Red Rose" Google Fonts.
i already download that font family and upload to my theme file

"app/design/frontend/Vendor/Theme/fonts/"

Folder
now which steps i need to follow ?

Sejal Shah · Answer

1.Add font files to your local theme directory. For example, app/design/frontend/<your_vendor_name>/<your_theme_name>/web/fonts.

2.If you build a theme using the Magento UI library, declare the font by adding the .lib-font-face mixin to the app/design/frontend/<your_vendor_name>/<your_theme_name>/web/css/source/_typography.less file:

.lib-font-face(
    @family-name:'<any_font_name>',
    @font-path: '@{baseDir}fonts/<path_to_font_file>',
    @font-weight: <font_weight>,
    @font-style: <font_style>
    @font-display: <auto|block|fallback|option|swap>
);

You should get detailed steps here https://devdocs.magento.com/guides/v2.4/frontend-dev-guide/css-topics/using-fonts.html

Magento2 How to use custom fonts in Homepage

One Answer

Add your own answers!

Ask a Question