I am trying to import a font (have Luma theme installed) with no success. Browsed similar threads about this, made changes in typography and variable files, but still can't get rid of the default 'Open sans' font.

Here's my css file:

@font-face {
font-family: 'Chalet';
font-style: normal;
font-weight: 400;
src: url('C:xampp/htdocs/testshop/vendor/magento/theme-frontend-  luma/web/fonts/LEGO-Chalet-60-Tab-Regular.eot'); /* IE9 Compat Modes */
src: local('Chalet'), local('Chalet'),
url('../fonts/LEGO-Chalet-60-Tab-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

   url('../fonts/LEGO-Chalet-60-Tab-Regular.woff') format('woff'), /* Modern Browsers */
   url('C:xampp/htdocs/testshop/vendor/magento/theme-frontend-  luma/web/fonts/LEGO-Chalet-60-Tab-Regular.ttf') format('truetype'), /* Safari, Android, iOS */

}  (tried also full local path)

Any ideas?

  • did you get any solution ? – Camit1dk Jan 19 '18 at 10:34

Magento Docs http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/using-fonts.html

Looks like the path is not correct should be


  • Already tried that. Actually this path in my installation is app/design/frontend/Magento and then empty. – marilena6 Apr 4 '17 at 10:00
  • So then You installed via composer. path is vendor/magento/theme-frontend- luma/web/fonts/LEGO-Chalet-60-Tab-Regular.ttf so use @font-path: '@{baseDir}fonts/LEGO-Chalet-60-Tab-Regular.ttf', – Martins Apr 4 '17 at 10:07
  • '@{baseDir}fonts/LEGO-Chalet-60-Tab-Regular.ttf - In which file will this go? css or other file? Because I tried both the css and typography.less and still doesn't work, I'm frustrated... :/ – marilena6 Apr 5 '17 at 8:42
  • so this worked out ? – Martins Apr 5 '17 at 8:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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