I have laca adobe font,

and my _typography.less

& when (@media-common = true) {
    @family-name: @font-family__base,
    @font-path: '@{baseDir}fonts/Laca-Regular',
    @font-weight: 400,
    @font-style: normal,
    @font-display: swap
    @font-family__base: 'laca, sans-serif';

if i inspect bootstrap font applied,

enter image description here

How to solve this issue magento2.3.?

Note : if i remove bootstrap.min.css font in inspect element (see screen shot), my custom font applied, i need bootstrap for responsiveness.

  • did you get any solutions ? Jan 15, 2021 at 17:58
  • Yes partially... If you need i will tell you.
    – zus
    Jan 15, 2021 at 17:59
  • Yes, I'm getting the same error Jan 15, 2021 at 18:00
  • Download your fonts and put into app\design\frontend\zero-theme\mytheme\web\fonts and paste here, make your your all font both woff anf woff2
    – zus
    Jan 15, 2021 at 18:06
  • then create _typography.less under app\design\frontend\zero-theme\mytheme\web\css\source\ _typography.less
    – zus
    Jan 15, 2021 at 18:08

1 Answer 1


Default magento theme already built-in responsive so basically you don't have to include bootstrap to able have responsiveness in my opinion. You can copy/use some mixins from bootstrap to use in your theme instead include entire bootstrap lib. In case you need bootstrap try to import your custom font after declare bootstrap styles to get higher priorty

  • I have declared my font in _typogratphy.less include into _extend.less and i am declared my bootstrap in default_head_block.xml file, how to achieve ?
    – zus
    Jan 7, 2021 at 5:15

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.