Skip to main content
Share Your Experience: Take the 2024 Developer Survey

Questions tagged [fonts]

A font is an electronic data file containing a set of glyphs, characters, or symbols such as dingbats. Although the term font first referred to a set of metal type sorts in one style and size, since the 1990s most fonts are digital, used on computers.

Filter by
Sorted by
Tagged with
0 votes
0 answers
40 views

Changing Font and Text Size with WPBakery

I help to manage a site where the manager does most of the site construction through WPBakery Page Builder. I can't help but notice that when I try to add a block of text, it is locked to a default ...
Adam's user avatar
  • 11
0 votes
1 answer
10 views

Custom font not loading on WP site with promenade theme

I have a wordpress website using a custom audio theme (Promenade). I want to use my own font, so I uploaded the woff2 file to my folder and added the following code to the styles.css of the theme: @...
Aaginor's user avatar
  • 103
1 vote
1 answer
75 views

How to comply with Apache License V2.0 when self-hosting fonts

I am considering self-hosting a font licensed under the Apache License Version 2.0 for a commercial progressive web app. My goal is to ensure full compliance with the license, and I have a few ...
S. G.'s user avatar
  • 81
0 votes
0 answers
30 views

Font styling H!

I will be changing the font style/sizes on my website. The header tags will be properly itemized H1, H2, H3, etc. I am wondering if we change the font styles to the image on the left. The current is ...
vincent totino's user avatar
2 votes
2 answers
35 views

Possible to add a new font to Google font?

The question seems weird but would it be possible to add a new font to Google Font? I have a website that easily uses google font but adding a new one is a pain.
Guillaume Sorel's user avatar
0 votes
1 answer
464 views

Why does font-family=monospace not render the text with a non-proportinal font?

When I open the following HTML document in Chrome … <html> <head> <style> p { font-family: monospace } </style> </head> <body> <p>mmmmmmm</p> &...
René Nyffenegger's user avatar
4 votes
1 answer
521 views

How can I identify a font from an image and use it on my website?

I'm not able to reproduce this character in HTML. It is a 'I', I'm not sure what font to apply to have it look like the image.
gioretikto's user avatar
2 votes
1 answer
334 views

Determine Font Sizes for Common Screens - Accounting for Pixel Density (PPI)

Just trying to determine modern best practices for previewing, anticipating, and determining best font sizes to use for web design these days while accounting for the different types of displays the ...
Kenny J's user avatar
  • 21
1 vote
0 answers
18 views

font-css display problem same code on one domain works, on the other it doesn't [closed]

font-css display problem same code on one domain works, on the other it doesn't. Font Family: 'JOST' old site run www.link-motors.it new site not run www.linkmotors.it who can help me understand? the ...
Link Motors Franchising's user avatar
3 votes
3 answers
779 views

How can I use Google web fonts statically instead of dynamically?

In Germany, lawyers can legally demand money from people who use dynamic web fonts on their websites, if they do not ask the user for permission. (Because of IP data storage.) I used to have this code ...
Johannes Schmidt-König's user avatar
1 vote
0 answers
463 views

Nerdfonts, what's the difference between different nerd fonts? [closed]

In other words, is the difference only in appearance or the type of characters/icons they contain as well? I assume both. If there is a difference in appearance but also in characters/icons, how can ...
ZenVentzi's user avatar
  • 111
3 votes
2 answers
83 views

Does font choice affect SEO other than through usability?

Does my choice of font have any influence on natural search engine results? Is using a Web Safe font better for SEO? What about the use of imported fonts? I am not talking about user experience here ...
Robin's user avatar
  • 83
1 vote
1 answer
76 views

Why can I use Google web fonts in CSS without an Internet connection or them being installed locally on my computer?

I used a Google font for my website, which isn't stored locally on my computer. When I refresh the page, nothing goes wrong and the font is working fine. However, when I disconnect my Internet ...
Hicham Jerdaoui's user avatar
11 votes
2 answers
3k views

How can I identify which text within a page is "too small to read" as reported by Google Search Console?

Google Search Console intermittently claims that I have "Text too small to read" and gives just URL to my page. How can I get more specific location of supposed problem? It is a bit more ...
reducing activity's user avatar
3 votes
1 answer
509 views

Best SEO-friendly approach for icon links?

I'm having trouble finding info on this. I'd like to know what is the best way to markup icon links so Search Engines can make sense of it. Google's validator tools seem to ignore title attributes. ...
liquidRock's user avatar
4 votes
2 answers
1k views

How to Leverage Browser Caching for Fonts in WordPress

I am using WordPress along with Autoptimize and Cloudflare, and using Locally hosted fonts. I can't leverage browser caching on my site. I tried using Cloudflare Page rules to Leverage 1 year browser ...
Aditya Agarwal's user avatar
2 votes
2 answers
139 views

What prevents self-hosted licensed fonts being pirated?

I understand that web fonts are distributed in one of two ways: They are hosted by the type foundry, who can, to a degree, enforce license restrictions (e.g., hit rate, referral host, etc.) You just ...
Xophmeister's user avatar
3 votes
2 answers
152 views

Can you force text to not display if font is not loaded?

I am using a custom font to display some text at the beginning of my blog post. What I desire, is for the text to display only if the font has been installed by the user. Here is my first attempt: <...
Canned Man's user avatar
1 vote
1 answer
580 views

How do you use preload links for CSS containing only @font-face?

I'm declaring preload links for a CSS file containg ONLY @font-face rules. Should I add <link rel="preload" href="styles.css" as="style"> as="style" or &...
Jefferson's user avatar
4 votes
1 answer
1k views

How to host a custom font on Google Drive (non Google Font) for use on Blogger

This is related to the following: Hosting on google drive how to import webfonts in blogger from google drive? Can I use google fonts in Google Drive web hosting? But 1 is about hosting a static web ...
Canned Man's user avatar
5 votes
2 answers
788 views

Can I use numbering to decorate headings for readability in CSS without hurting SEO?

I attached the file. When designing(decorating, styling) h1, h2, and h3 tags for SEO, I am worried. These h tags form a certain hierarchy. For example: h1-h2-h3 (title1 title2 title3) h1-h2-h2 (...
fenrir's user avatar
  • 51
3 votes
0 answers
32 views

Preload webfonts with format/url variants?

PageSpeed Insights complains that I should preload important assets, which I already do for CSS (http header Link: </assets/css/myfile.css>; rel=preload; as=style). However, the complaints are ...
Hagen von Eitzen's user avatar
1 vote
2 answers
668 views

Can I upload duotone custom icons to my kit on Font Awesome?

I have created a custom duotone icon and I want to upload it to Font Awesome. Can you do that with the pro plan? Are only solid colors permitted?
Yafet Bouchagra's user avatar
1 vote
2 answers
615 views

Site speed using web fonts - Self-hosted vs Google Fonts etc

Whilst looking for the right solution for me, I have been looking at the question here Using fonts on websites: Webfonts vs downloaded fonts, and one of the answerers states: The information given to ...
Chris Rogers's user avatar
2 votes
0 answers
36 views

How can I measure the impact of using Math Sans Bold font to get bold titles in Google Search results?

While browsing around, realized that you can use bold or some other font for the title to be presented as a search result on Google. Have anyone tried this yet? Do you know what is the right way to ...
Milica Ristic SEO's user avatar
1 vote
0 answers
1k views

Chrome flickering while DevTools is open [closed]

For a few months now, making me believe this is completely a Chrome update (Version 76.0.3809.100) that I just can't adjust, whenever I open DevTools, my production sites flicker. In the console, it ...
NatashaRomanov's user avatar
0 votes
1 answer
14 views

saving webfont to users local machine

We have some webfonts we define in our stylesheet, but we want to have these fonts available in emails that our clients receive. If a user has been to the site they have seen those webfonts, the ...
user254694's user avatar
0 votes
1 answer
55 views

SVG and Google Fonts [closed]

I would like to use SVG files for some tables on a website, the code weighs in at a lightweight 35Kb and, of course, it's scalable. I am using <object> as the embedding method (basically after ...
Chris Pink's user avatar
3 votes
1 answer
2k views

Trying to determine why same font on two sites renders differently

Issue Two web sites have the same font, set up with the same typography. Yet they render differently. Background I need to replicate the typography from site #1 ("Sample Site") to site #2 ("Client ...
inspirednz's user avatar
3 votes
2 answers
18k views

Custom font not loading

I am looking to use the old "phone book" font for a project I'm working on currently, I have the fonts and was able to set up a stylesheet for them: http://interlinked.cf/css/bellgothic.css @font-...
InterLinked's user avatar
1 vote
1 answer
505 views

Would a long article using SVG rendered letters (rather than a font) be performant (usable and scrollable)?

I would like to know if any webpages exist where every single character/glyph is an SVG path, rather than using a font. I look places like here which discusses icon fonts and how they relate to ...
Lance's user avatar
  • 531
1 vote
0 answers
1k views

What do I need to know about proprietary fonts?

I'm a contract web developer, and I'm working for someone who has a view to create his own web development consultancy. For the project we're currently working on - the graphic designer has provided a ...
dwjohnston's user avatar
1 vote
0 answers
38 views

fonts.googleapis.com called before every heading - is this normal? [closed]

I'm seeing this behaviour in one of the websites I manage: <link href="//fonts.googleapis.com/css?family=Abril%20Fatface:regular" rel="stylesheet" property="stylesheet" type="text/css" media="all"...
Serge's user avatar
  • 145
3 votes
1 answer
4k views

Why gzip compression not working on font file?

Resources on my site are compressed before sending to client browser, except fonts, I've checked everything but couldn't find anything wrong. Here is my CSS, one of the fonts: @font-face { font-...
Edward's user avatar
  • 183
5 votes
1 answer
180 views

OpenType Variable Fonts: Supported Browsers

Variable fonts have been on the drawing board for sometime and Google just released Chrome 62 with support for these new fonts and looks fairly simple to use, e.g: font-variation-settings: 'wght' ...
Simon Hayter's user avatar
7 votes
2 answers
4k views

How to make sure Chinese text is rendered in webpage?

I'm making a webpage that's partly in Chinese. I use the UTF-8 encoding for all text. The page contains some parts that are in Chinese, mixed with western letters. The font I use for western text ...
PetaspeedBeaver's user avatar
1 vote
2 answers
56 views

How do you use a font-family's special features inside html?

How do you use a font-family's symbols, glyphs, ornaments and other features inside? For example how do you use a font's superscript?
Kosiak's user avatar
  • 11
1 vote
0 answers
107 views

CSS Flaticons Show up all Black [closed]

I have been unable to resolve this. I downloaded icons and using the demo they all show up back when they should show up in a more colorful fashion What they should look like: http://www.flaticon....
George Scott's user avatar
1 vote
0 answers
50 views

Open Sans won't display bolder than 700 in Chrome [closed]

I came across a weird issue where everything displays fine in Safari, but in Chrome my H1 will not display bolder than 600. Even if I change it in developer tools - for this page http://station-...
Trevor Wall's user avatar
1 vote
1 answer
441 views

What are the safe web fonts and is there anyway around this problem?

How do you choose a font that will be both aesthetic and browser/OS friendly? I love Helvetica, but a lot of websites say that 90% of Windows users don't have it installed. What are the safe web ...
Dat8StringGuy's user avatar
2 votes
0 answers
317 views

Wordpress icon fonts dont work with www url

I have wordpress site with domain domain.com and on one site i use font icons. The problem is when I change in settings Address site (URL) on www.domain.com. Sites works properly, I seu www in URL but ...
user3590388's user avatar
1 vote
1 answer
88 views

Font File or Sprites for Icons

Just a general question as to if there is a better solution or even the comparative advantages of disadvantages... Icons can be added to a site through the use of image sprites and CSS or through the ...
Chris Rutherfurd's user avatar
2 votes
1 answer
535 views

Is it possible to block webfont downloads but allow visitors to see them?

My question is in the title. I purchase nice webfonts but I don't know how to use them on a site while preventing the possibility of downloading them. I'm not a charity! Anyhoo, I intend to do this ...
NetOperator Wibby's user avatar
3 votes
1 answer
177 views

Can I use an unlicensed font that is not sold anywhere?

The designers I work with have a host of fonts installed on their computers, dating to 10+ years ago. Unfortunately, since that time, they completely lost whatever license files they may have had (and ...
Andrew Myers's user avatar
5 votes
1 answer
1k views

Enabling compression for font loaded via googleapi

I'm using Google Fonts (https://www.google.com/fonts) to add special fonts to a website. I chose to include the font via a link in the head: <link href="https://fonts.googleapis.com/css?family=...
Pit's user avatar
  • 973
0 votes
1 answer
59 views

Can I use free fonts on a website which contains banners?

I should choose a font for my website, which is hosted by a web platform (Altervista) and has its own second-level domain with the .com extension. It will be a blog basically, but it will contain ...
franz1's user avatar
  • 823
3 votes
1 answer
1k views

How do browsers handle multiple font-faces, when their source is the same?

I know that using multiple different fonts with font-face has a considerable performance implication if the website is already resource extensive, particularly on mobile (although less so, now that ...
S00's user avatar
  • 53
1 vote
1 answer
52 views

License needed to use a custom web font

I want to use a custom font on my website. I have found the woff file of this font on another website who was using it. I've saved it on my computer, tested it on my website (localhost only) and it ...
Gary Olsson's user avatar
2 votes
2 answers
3k views

Which web font supports all languages?

I have a site which has fonts of all languages but most of the fonts don't support most of the languages other than English. Is there any font that supports all the languages? It will be OK if it is ...
Maroof Mandal's user avatar
4 votes
1 answer
371 views

How to use unicodes effectively on cross-platform sites?

I was trying to use the 'ELECTRIC LIGHT BULB (U+1F4A1)' unicode on my site. Every platform shows the unicode different, even though I specify Symbola font on the font-family on the body tag (all ...
oddRaven's user avatar
  • 141