M2 - Custom Font overwriting by bootstrap css in custom theme

Question

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,

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.

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