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



now which steps i need to follow ?

1 Answer 1


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:

    @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

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.