0

I have download and upload custom font in backend: enter image description here

After save in editor I not see this font name: enter image description here

Anyone help how can I use this font ?

@update

I solve issue in this way. After upload font:

<style xml="space"><!--
@font-face {
font-family: 'DIN Pro Condensed Regular';
font-style: normal;
font-weight: normal;
src: local('DIN Pro Condensed Regular'), url('DINPro-Cond.woff') format('woff');
}
p.dinpro {
  font-family: DIN Pro Condensed Regular;
}
--></style>
<p class="dinpro">Text with your font</p>
0

1 Answer 1

2

You can import your new font like this:

  1. style.css

    @font-face {
        font-family: Dinpro;
        src: url(../fonts/Dinpro.ttf);
    } 
    
  2. You put your Dinpro.ttf in app/design/frontend/{Vendor}/{themename}/web/fonts/Dinpro.ttf

  3. You deploy the static-content

  4. You use the new font like this

    style.css

    .product-name {
        font-family: Dinpro;
    } 
    

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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