Questions tagged [webfonts]

Technology that enables people to use fonts on demand over the Web without requiring installation in the operating system.

What are WebFonts?

WebFonts are a technology that enable people to use fonts on demand over the Web without requiring installation in the operating system. The W3C working group has introduced webfonts as part of the CSS 2 specification, and addendums are included in CSS 3. Until recently, downloadable fonts have not been common on the Web due to the lack of an interoperable font format. Modern browsers support the now widely used format (and woff2 for better compression). In the past other formats like eot (initial proprietary Microsoft), ttf (uncompressed) or svg were used.

Links

1549 questions
0
votes
1 answer

Safari 7 get stuck when loading webfont (woff) from cache

I'm experiencing a strange behaviour with Safari 7 on a webpage using web fonts The use of the webfont is properly specified in the CSS with correct URL pointing to a .woff file hosted in the server that runs the site. I clear the cache. I load the…
Paolo
  • 15,233
  • 27
  • 70
  • 91
0
votes
2 answers

Google Web Fonts not working with nested LESS

The already posted questions on this topic didn't solve my problem: I am trying to use Google Web Fonts in a Bootstrap website which compiles CSS with the LESS preprocessor. I am importing all relevant style sheets at the top of my frontend.less as…
user3046831
0
votes
1 answer

Overlap between letters of Google Font on iPhone and Firefox

I have a logo on my site that uses the Google font "Cinzel". When I view the site on Firefox or on an iPhone, the two centre letters overlap. How could I prevent this overlap from happening? Note: I have already tried setting letter-spacing with no…
jb93
  • 77
  • 8
0
votes
1 answer

Font Awesome Icons not showing after GetSimple CMS implementation

I got stuck on a problem and hope some of you can help me out. I created a company web page and integrated Font Awesome. I made an static version of the page based on HTML5, CSS3, jQuery and all works great. Due to the fact that my customer can…
0
votes
1 answer

Could URL structure break a webfont?

Is there any difference between these two structures? With http:// @font-face { font-family: 'nexa-boldregular'; src: url('http://example.com/fonts/nexa_bold_webfont.eot'); src:…
serraosays
  • 7,163
  • 3
  • 35
  • 60
0
votes
2 answers

how to embed both Latin and Arabic numbers in web font?

I have a web application with embedded fonts. There is a small problem. Language of my web application is Persian and English but all numbers in the web page are shown in Persian even the numbers in the English content. This is the screenshot of web…
Hadi Barak
  • 480
  • 1
  • 4
  • 17
0
votes
1 answer

qtranslator not supporting hindi fonts?

I have installed qtranslator plugin and included Hindi language and also added hi_IN.mo file in language folder of qtranslator plugin. But when I create content in Hindi so its not supporting Hindi fonts like kruti 010, etc. If it supports such…
user3455167
0
votes
1 answer

Chrome can't estimate bold font-weight

Many fonts on Font-Squirrel (Afta Sans, etc) and Google Fonts don't include bold "specimens" of a given font set. Chrome doesn't seem to be able to estimate bold weights as Firefox, Safari, and even IE do. I've looked at this for quite a while,…
cjames
  • 77
  • 1
  • 7
0
votes
1 answer

Using Paid Fonts As Web Font

My client want to use a paid font (Futura) on website. We will purchase Futura but i have a question. When i purchase the font, is it possible to convert it to webfont to use on my website? Or it's forbidden because of licenses ? Or are there…
Eray
  • 7,038
  • 16
  • 70
  • 120
0
votes
1 answer

Resolve FontAwesome text rendering differences

Please see the above image. I'm using the icon font 'FontAwesome' on my website. In the website header, I'm using them for navigation icons. Each of these icons are links, that have the 'fa' and 'fa-2x' classes attached. I'm not overruling any…
Fer
  • 4,116
  • 16
  • 59
  • 102
0
votes
0 answers

Why is the text sometimes showing, sometime not in the webpage?

I have this layout i'm working on, and the text sometime doesn't show. But if i refresh it a few times, it shows. The Chrome console output is: event.returnValue is deprecated. Please use the standard event.preventDefault() instead. And only this,…
Jorge Ferrari
  • 152
  • 3
  • 11
0
votes
1 answer

Lato IE8 missing strokes

I got this weird result when using Lato font in Internet Explorer 8 (it looks fine in current Chrome and Firefox). The problem is missing horizontal strokes on letters. Screen below: The problem is visible only when using font-size 13px and few…
Robert Kusznier
  • 6,471
  • 9
  • 50
  • 71
0
votes
0 answers

Using Special Fonts with Chrome, Apostrophe doesn't work

I'm using this css font family: font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; I'm on Windows 7 and using Chrome 33.0.1750.146 m. When I use an apostrophe, it comes out…
jeeden
  • 55
  • 2
  • 8
0
votes
2 answers

Moved css to sub domain and now web fonts only load in Chrome

For purposes of SEO, I recently moved my css and img directories from www.findgamers.us to static.findgamers.us and the Entypo fonts won't load in IE or Firefox. Ironically they are showing up in Chrome. All of my other styles and images seem to be…
Maelish
  • 1,600
  • 4
  • 18
  • 25
0
votes
1 answer

Webfonts not working when code looks to be correct

I'm making a new site and webfonts aren't working at all. I stole the chunk of code as well as the same exact font files from a previous website I made, yet they don't work on this new site. I'm working from a responsive framework so I have a…
Will Ryan
  • 1,815
  • 4
  • 19
  • 21