Questions tagged [fonts]
The fonts tag has no usage guidance.
67 questions
7
votes
1
answer
10k
views
font awesome icon without cdn - magento 2.0.8
I am looking to integrate font awesome icon into magento2. I have downloaded font-awesome version 4.6.3. The tree structure of the font-awesome folder is shown below.
I referred to this link and got ...
- 10.1k
7
votes
2
answers
2k
views
How Does Magento 2 Generate the admin-icons Font Files?
In Magento 2, the icons for backend Menu Items are Private User Area code points added via a custom font file.
The _typography.less file appears to ship with the ability to conditionally include one ...
- 44.4k
5
votes
0
answers
236
views
Magento 2 icon font position problem (navigation menu)
Magento2 - I am trying to put some icons in my navigation menu, I want them to be on top of the subcategory name but this is what I have until now:
This is my code for the first item, I have it in >...
3
votes
2
answers
6k
views
Magento 2: How to add multiple locally stored fonts?
I want add one locally stored font in my custom theme folder. I followed the instructions here:
http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/using-fonts.html
But the ...
- 1,639
3
votes
1
answer
2k
views
How Does Magento Include the admin-icons.svg File?
In Magento 2, the icons for the backend Menu are Unicode code points that are part of the Private User Area code point range, and appear to be defined via the file
vendor/magento//theme-adminhtml-...
- 44.4k
3
votes
1
answer
2k
views
Magento 2 font-display: swap
How is it possible to add to Magento 2 fonts font-display: swap ?
I don't find the correct way in the typography.less, or in a custom CSS file, it breaks all the CSS.
.lib-font-face(
@family-...
- 31
3
votes
2
answers
3k
views
How to remove lib-font-face from Magento 2
I've created a theme in Magento2 which inherits from the Luma theme. So it has inherited it's lib-font-face, which can be found in the styles-m.css
@font-face {
font-family: 'luma-icons';
src: ...
- 4,923
2
votes
1
answer
2k
views
Magento 2.1.9 frontend font icon extend
I need to change only one font icon -the cart icon. I tried a few guides:
https://www.classyllama.com/blog/icon-fonts-magento-2-foundation
http://rossmchugh.com/extending-magento2s-icon-font-system/
...
- 109
2
votes
1
answer
841
views
Google fonts issue as per new URL format
I have added google font in default_head_blocks.xml file like this:
<link rel="stylesheet" type="text/css" src="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,...
- 3,035
2
votes
3
answers
19k
views
Magento 2 - How to change fonts
How do I change the font family (at a theme level) to Helvetica in Magento 2.
- 2,506
2
votes
1
answer
3k
views
Luma Icons - add font-display:swap
How can I add font-display:swap to following Luma icon fonts
@font-face {
font-family: 'luma-icons';
src: url('../fonts/Luma-Icons.woff2') format('woff2'), url('../fonts/Luma-Icons.woff') ...
- 633
2
votes
1
answer
3k
views
How to add and use a custom font in Magento 2?
I purchased a magento 2 theme, but the theme uses the Google api font.
How can I use a custom local font?
Magento ver. 2.3.0
- 101
2
votes
1
answer
178
views
Moving fonts to preload issue in Magento 2
I am using the lighthouse from chrome and I am getting the following:
I have 3 fonts from the core of Magento and I would like them to move it in my default_head_blocks.xml with:
<head>
<...
- 4,093
2
votes
1
answer
82
views
Magento 1.9 print invoice the characters are shown split and reverse
I have changed the font of pdf invoices to support Arabic characters, but the problem is the characters are split and reversed? Any suggested solution please Help!
- 21
2
votes
1
answer
418
views
How to add google font in transactional email template Magento 1.9?
I'm new to magento and i have little problem with fonts. Is there a way to use some google fonts in my transactional emails template?
I've tried to use google font using below way
`@import url('...
- 726
2
votes
0
answers
389
views
"Font has not been set" error when printing invoices
Trying to print invoices.
I get the error "Font has not been set" and it refuses to generate PDFs.
This error seems to be linked to certain orders, though there is no rhyme or reason. The next ...
- 31
2
votes
2
answers
2k
views
How to change h1 font size on homepage
I want to change the font size of my h1 tag on the homepage. I am using Chrome inspect and it tells me the css changes are actually inside the page itself, not css. So I look at source code:
/* Theme ...
- 71
2
votes
1
answer
3k
views
Adding custom font to _typography.less parse error
I try to add some custom fonts to my theme, so I created file app/design/frontend/vendor/theme/web/_typography.less and added the code inside of it:
.lib-font-face (
@family-name:'OpenSans ...
- 448
1
vote
4
answers
27k
views
Magento 2 : How to Include New Fonts
I have added new fonts in <my theme>/web/fonts, and declared those fonts in <my_theme>/web/css/source/_typography.less. But still my custom fonts not reflecting in my pages.
I'm missing ...
- 1,247
1
vote
1
answer
1k
views
Add Google Fonts using Google's new URL format
Guides I have seen as to how to add Google Fonts to Magento 2 tend to require adding the font link via your XML such as
<link src="fonts.googleapis.com/css?family=Montserrat:300,400,500,700" ...
- 325
1
vote
1
answer
1k
views
Ensure text remains visible during webfont load: Doesn't work on added fonts
In our Magento build we have a custom theme that uses Luma as a parent.
After doing an Audit in Chrome we get the message Ensure text remains visible during webfont load and it lists the following.
...
- 134
1
vote
1
answer
7k
views
Magento 2: How to view/implement Magento icons from 'icons-blank-theme' font-family
I am currently developing a custom theme using Magento 2.3.
I am altering the sidebar menu, so that its top-level items are collapsible and an arrow appears beside them when clicked, the same as the ...
- 699
1
vote
2
answers
2k
views
Hebrew words in PDF invoice are reversed and currency symbol not showing
I'm using magento 2 CE 2.1.3
When I'm trying to prin PDF invoice the hebrew words are reversed, for example:
םולש instead of שלום.
And also the currency symbol (NIS ₪) is not showing.
I have seen ...
- 85
1
vote
1
answer
4k
views
Adding new fonts to Pdf invoice Magento 2?
When working with Pdf invoice, I meet a problem about encoding Japanese font. I'm going to add a Japanese font(Gothic) to Pdf invoice, creditmemo, etc. What should I do?
We may rewrite abstract \...
- 32.3k
1
vote
1
answer
1k
views
Magneto 2.4 - Remove Blank-Theme-Icons/Blank-Theme-Icons.woff2
In our Magento 2.4 we created our own theme based on the Luma theme.
Now we found out that every page loads the Blank Theme Icons font. /fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2
How can we ...
- 1,422
1
vote
1
answer
2k
views
How to edit font size of product title in catalog page
I need to edit the font for the product titles in the catalog page. I believe it is referenced by "product-item-link" or "product-item-name" ?
- 11
1
vote
2
answers
252
views
Fonts getting smaller when _theme.less is created
I'm running 2.1.2 but since 2.0.1 I'm facing the same problem.
I have a custom theme and when I created file "_theme.less" under my template's structure (web/css/source) all those icons based on ...
- 355
1
vote
1
answer
1k
views
How to add custom font in magento2 transactional email?
I am trying to add custom fonts in magento 2 transactional emails however, it does not work. I am using hyva theme.
I have imported Sofia-pro font under app/design/frontend///web/fonts/SofiaProRegular....
- 121
1
vote
1
answer
304
views
M2 - Custom Font overwriting by bootstrap css in custom theme
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-...
- 123
1
vote
1
answer
78
views
Magento2 - Adobe XD to Magento2 font size
On the xd design the font-size is 55 and when I apply this font-size in my Magento layout It is bigger ?
Why is it so?
- 149
1
vote
1
answer
774
views
How to change font source url from local to CDN?
I have uploaded google fonts on the local server to a custom directory and it seems to work well so far except that the Ultimo theme I am using is picking the base URL to generate font URL path. ...
- 481
1
vote
1
answer
316
views
How to use custom fonts via pub folder?
I would like to call paid fonts via pub folder. I create the specific font folder in pub i.e
pub/static/frontend/Mageplaza/ultimate/en_US/fonts
and linked it my custom.css file font family is not ...
- 11
1
vote
1
answer
167
views
How to change the font for a specific store view in magento 2.2.6
I have two store-views which are English and Arabic and would like to change the font of the Arabic store-view for all front-end contents. please any help
- 11
1
vote
1
answer
621
views
Magento 2.1 product page change wishlist button to font icon
Magento 2.1
product page
I need to change the wishlist button to font icon "heart" which is the default in the luma theme, but when I apply my theme it shows a button...
Does anyone knows how to ...
- 109
1
vote
0
answers
116
views
Magento Email Templates Font Face
How can I use my custom font-face in magento email templates?
I use the next codes:
@import url('https://fonts.googleapis.com/css?family=Roboto');
And
@font-face {
font-family:...
- 145
1
vote
0
answers
314
views
Online font not loading
I tried using a Adobe Typekit font with the following method. I add this to my default_head_blocks.xml inside my <head> tag:
<script src="https://use.typekit.net/oti3nzu.js" src_type="url"/&...
- 231
0
votes
2
answers
2k
views
how to remove Open Sans font in magento 2
I need to remove Open Sans font in our Magento2 site. I have inherited the luma theme, so how to override the blank theme _typography.less file?
0
votes
2
answers
77
views
Magento 2 : How Can I disable woff2 format?
How can I disable woff2 format for fonts in Magento 2?
I need .lib-font-face to connect only woff.
- 55
0
votes
2
answers
2k
views
Magento 2: add custom font to theme
I'm using a custom theme on my Magento 2.3.2.
I would like to add a custom font that is on my folder.
Since the official guide that i found on magento's site wasn't working for me, I've tracked down ...
- 63
0
votes
1
answer
582
views
Magento2: How to use custom font
I have download and upload custom font in backend:
After save in editor I not see this font name:
Anyone help how can I use this font ?
@update
I solve issue in this way. After upload font:
<...
- 2,254
0
votes
1
answer
30
views
Load different custom fonts to different products
Is there a way to load different fonts for different products in Magento2.4 ? The fonts will be self hosted in /web/fonts, but I want them to load only to specific products. Could be done in a block ...
0
votes
1
answer
2k
views
Magento 2.3 custom font not loaded in email
We want to use the 'Open Sans' font of Google in our transactional email templates.
But when we sent the email it does not load the custom font inside the email.
We changed the file /app/code/design/...
- 1,422
0
votes
1
answer
3k
views
Email template fonts not rendering in gmail
I want to know how we can use our custom fonts rendering inside email template. I searched a lot to this answer but didn't find how to do that.
So far I have already changed the content of email-...
- 352
0
votes
2
answers
598
views
How to change the font for a specific store view
I have two store-views which are English and Persian(RTL) and would like to change the font of the Persian store-view for all front-end contents.
Magento ver 1.9.2.4
- 159
0
votes
1
answer
1k
views
New Order Email - Need to change payment information font
We send out a New Order Confirmation and the font size of the credit card information and Processed amount are too big, I like to change the font size.
I have tried to do this in the Magento Admin ...
- 27
0
votes
1
answer
269
views
how to change font for email templates in magento 2.4.5-p2
I am using "Olegnax Athlete2" theme for my magento2.4.5-p2 store. I want to change my email template fonts to "futura pt book". can someone guide me to do the same.
0
votes
0
answers
600
views
install google font local
I have got an information that I must install the used google font local.
I have checked my domain https://www.agoshop.at at https://www.ccm19.de and https://sicher3.de/google-fonts-checker/
I will ...
- 17
0
votes
1
answer
940
views
How to add custom font in DOM pdf in magento 2?
I have tried to add font using below code in head tag of html but it is not working.
DOM PDF is showing it's default font. But i want to show custom fonts as per my website. So tried below code
@font-...
- 2,138
0
votes
2
answers
682
views
M2 - How to include my custom font in custom theme?
How to apply adobe laca font, https://fonts.adobe.com/fonts/laca
How to apply?
I am created custom theme inherit from blank theme.
Custom font declaration :
app\design\frontend\Myrwd\mytheme\web\css\...
- 123
0
votes
1
answer
496
views
Add custom font to magento 2 module
I am building a module with Magento 2. I need to add custom font. All I did is to create a
Module/NameSpace/view/frontend/web/css/source/_typography.less
.lib-font-face(
@family-name:'circular’,
@...
- 169