Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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.

0
votes
1answer
29 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 ...
1
vote
1answer
43 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-...
1
vote
1answer
26 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 ...
1
vote
1answer
50 views

Why is px often prefered over pt even though both depend on an “unknown” device parameter?

I always heard that in web design one should not prefer pt as a size unit, because the browser/OS does not neccessarily know the correct dpi. Result: final font sizes are not equal on different ...
1
vote
0answers
33 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 ...
1
vote
0answers
23 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"...
1
vote
1answer
641 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-...
6
votes
1answer
116 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' ...
7
votes
2answers
657 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 ...
1
vote
1answer
27 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?
2
votes
2answers
592 views

Is it still recommended to only use relative font-size for accessibility?

I have read in the past that it is recommended to use only relative sized fonts in web pages of accessibility. Is this still the case? Using Bootsrap from IE7, for example, which uses body{ font-...
1
vote
0answers
55 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....
1
vote
0answers
35 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-...
3
votes
2answers
13k views

How to view custom web fonts with “eot ttf woff ” extensions?

I would like to view custom fonts that I have in the following file extensions: .eot .ttf and .woff How do I do that?
1
vote
1answer
177 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 ...
2
votes
0answers
236 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 ...
7
votes
1answer
4k views

Rendering of Raleway (Google Web Fonts) in Google Chrome browser

I am using Windows 7 and I have a problem with one of Google Fonts: Raleway. I checked and this font looks very good in Firefox (ver. 34) but in Google Chrome (ver. 39) it looks terrible on my ...
1
vote
1answer
66 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 ...
2
votes
1answer
241 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 ...
4
votes
3answers
2k views

Website using different fonts across different browsers [closed]

The navigation board items on my website at www.amsa.mn uses the wrong font when displayed with Firefox. The correct font is loaded when I access the website with Safari or Chrome. Is there any way to ...
2
votes
2answers
2k 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 ...
3
votes
1answer
651 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 ...
4
votes
1answer
12k views

Google Open Sans font does not display correct weight in Google Chrome

I use the Google Font 'Open Sans' on my website. I noticed the incorrect font weight was being displayed for certain links. My regular text has a font-weight of 300, while my links have a font-weight ...
0
votes
1answer
50 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 ...
2
votes
1answer
3k views

A tool to test web fonts on a live site

Are there any browser/online tools to quickly test a live site with web fonts, like Google Web Fonts? So, as I see it, I visit any site, for example, microsoft.com and click something like Analyze ...
3
votes
1answer
89 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 ...
1
vote
3answers
1k views

Which fonts do designers use?

Let me inform you that I am not a designer by trade and I don't have any design sense, either. But by luck I have to design forms in my company. But I do not get the professional look that you see on ...
4
votes
1answer
885 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=...
2
votes
2answers
40 views

Deleted glyph from SVG and the icon is still appearing on the website

I am trying to delete an unwanted glyph from a website by opening the SVG file in BirdFont and just deleting the font from the board. I had deleted the graphic and it's still appearing on the website. ...
1
vote
1answer
31 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 ...
9
votes
2answers
5k views

Are there privacy considerations in using Google web fonts?

I am required to create the design of a website for my institution. I am not a designer or webmaster, and I am very badly informed in this area. I am already a bit stuck in the font selection. The ...
4
votes
1answer
156 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 ...
1
vote
2answers
953 views

How to deny direct access to font files used in CSS?

I have a website that displays texts with unique, copyrighted fonts. I use a CSS file with "font-face" elements (see the example below) and I store the font files in a folder called "type". I would ...
1
vote
1answer
708 views

Google fonts Hebrew works only in Chrome

I want to use a Hebrew font from Google font. So I included the font: <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Alef:400,700"> An styled my elements: ...
2
votes
3answers
69 views

Are there concrete benefits in using png over fonts for icons?

I recently noticed some major website (like this one) do not use font-awesome or similar projects to display their icons. Rather they use PNGs. Any rationale for this? Does it make any difference in ...
0
votes
2answers
581 views

Ä Umlaut-dots too close to the letter in Firefox

In Mac-FF 41 (and 40) the Umlaut-dos of the letter Ä are rendered too close to the rest of the letter, as it shows in the picture below. In other Browsers however (Chrome, Safari) the type renders ...
0
votes
0answers
155 views

browsers do not render cyrillic shapes of Source Sans Pro

Recently my company made a fork for a site theme which uses Adobe Source sans Pro as its default font. We need to use cyrillic as well as latin font shapes on our site. For some reason my browsers (...
4
votes
1answer
116 views

How to stop Japanese characters displaying badly on Windows?

I'm making a site that targets English speakers, but due to the subject nature (general Japanese culture), it's becoming increasingly obvious that there'll be some chunks of Japanese text on at least ...
1
vote
2answers
472 views

website Font Embedding, which way would be the best for cross browser capability?

Sometimes clients of mine request a specific font to be used in their website. I try and embed it using CSS @font face, but It is not very cross browser friendly. Sometimes I use Google fonts but they ...
5
votes
1answer
789 views

Can I use web fonts from FontSquirrel on a commercial website legally?

We want to be legal and do this right. So I'm coming to FontSquirrel for the first time. Seems to be lots of free fonts and there's often a globe symbol which seems to say the font is free for web use....
2
votes
1answer
275 views

Google's cache is not using my custom font

When I check my site’s cache view on Google Search, I see Google does not use my custom font, it always replaces mine with Arial. Because of font widths, my whole design is changing. I have these ...
3
votes
4answers
9k views

'Helvetica Neue' webfont

I am trying to figure out where do all sites that use the 'Helvetica Neue' font get it from. There are certainly too many sites using it for it not to be free. But frankly, there are only two ...
2
votes
1answer
1k views

Resize font proportional to screen size?

How can I have my fonts scale based on screen size? (So, rather than just having a few media queries to adjust to maybe 3 or 4 screen sizes, have the font be proportional to the screen size so we ...
3
votes
1answer
163 views

Should fonts be served from a cookieless subdomain?

Why is it that that nobody ever mentions serving fonts over a cookieless (sub)domain? Is it because you have to white-list your primary domain with Access-Control-Allow-Origin for font files? I'm ...
1
vote
2answers
62 views

Using fonts on websites: Webfonts vs downloaded fonts

I am currently going through a web development course on Udemy.com. One of the basic videos was about using fonts on your website. The lecturer explained that to use a 'non-standard font' such as one ...
1
vote
1answer
2k views

Can I use Helvetica Neue font free of charge in my website

Is Helvetica Neue free to use on any website or does it require any licensee fee? I found a dozen of source, from where proper files (.otp, .ttf) can be downloaded and no sign of payment / license ...
1
vote
2answers
2k views

How to speed up loading of fonts?

Is there a way to make the fonts on a site load more quickly? When I clear my browsing data and load the site, the handwriting font at the top of the site loads quickly, as does the menu tabs font (...
1
vote
1answer
106 views

Can you use 'Italic' in wordpress as separate font, not as alteration of 'Regular'?

My site uses the font 'Arno Pro' in the Paragraph style. The font 'Arno Pro Italic' is not used. So when I highlight a word and click the Italic button, Wordpress simply distorts the Regular version ...
2
votes
1answer
679 views

How to properly convert a UTF8 truetype font to use on web?

I'm trying to embed this UTF8 truetype font (the font contains Persian characters) in the web and I use this service to convert it to proper formats. The only problem is, it's not working on Google ...
3
votes
1answer
335 views

Google PageSpeed, optimizing Google's own elements

I'm trying Google's PageSpeed online service Ironically, it's primarily highlighting Google's own services as something that needs improvement on my site 1) jQuery from Google: blocking. So I moved ...