1

I have laca adobe font,

and my _typography.less

& when (@media-common = true) {
    .lib-font-face(
    @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.

Improve this question
8
  • did you get any solutions ?
    – Amit Maurya
    Commented Jan 15, 2021 at 17:58
  • Yes partially... If you need i will tell you.
    – zus
    Commented Jan 15, 2021 at 17:59
  • Yes, I'm getting the same error
    – Amit Maurya
    Commented 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
    Commented Jan 15, 2021 at 18:06
  • then create _typography.less under app\design\frontend\zero-theme\mytheme\web\css\source\ _typography.less
    – zus
    Commented Jan 15, 2021 at 18:08

1 Answer 1

Reset to default
0

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

Improve this answer
1
  • 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
    Commented 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.