I purchased a magento 2 theme, but the theme uses the Google api font.
How can I use a custom local font?
Magento ver. 2.3.0
1
-
first create a child theme of purchased theme by using: magento.stackexchange.com/questions/108684/… Add custom CSS to child theme by using magento.stackexchange.com/questions/108685/… After that you can add custom fonts to your theme!– PawanCommented Feb 9, 2019 at 18:17
Add a comment
|
1 Answer
- mkdir -p path_to_magento_install_dir/app/design/frontend/theme/custom-theme/web/fonts/CustomFont
- upload myfonts_regular.ttf
- mkdir -p path_to_magento_install_dir/app/design/frontend/theme/custom-theme/web/css
- create fonts.css
@font-face {
font-family: 'MyFonts';
src: url('../fonts/CustomFont/myfonts_regular.ttf');
font-weight: 300;
font-style: normal
}
- path_to_magento_install_dir/app/design/frontend/theme/custom-theme/Magento_Theme/layout/default_head_blocks.xml
<head>
...
<css src="css/fonts.css" />
...
</head>
-
Hi Alexander Bobylev, Thanks for your advice. I can't find default_head_blocks.xml, Only default.xml. Thanks for your help.– AngeloCommented Feb 10, 2019 at 16:33
-
1e.g. github.com/magento/magento2/blob/2.3-develop/app/design/… Commented Feb 10, 2019 at 16:46
-
Please check here prntscr.com/mj6y59 app/design/frontend/Demo/demotheme/Magento_Theme/layout this is my layout folder– AngeloCommented Feb 10, 2019 at 17:04
-
-
<?xml version="1.0"?> <page xmlns:xsi="w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <css src="css/fonts.css" /> </head> </page> devdocs.magento.com/guides/v2.3/frontend-dev-guide/layouts/… Commented Feb 10, 2019 at 17:15