Stack Overflow
Stack Overflow

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
3 answers

How to show fonts in websites which are not installed in clients computer but on the server machine

I have seen many websites using different fonts which are not in my computer but they are shown in my browser. The source for these pages includes the following script: http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js What is this script? …
Zafta
  • 655
  • 1
  • 10
  • 26
0
votes
2 answers

Roboto Condensed Font not rendering properly in mozilla firefox

I am using RobotoCondensed downloaded from google Web Fonts. I am using the font from my server. I have created the css like below. @font-face { font-family: 'Roboto Condensed'; src: url('../fonts/RobotoCondensed-Light.eot'); src:…
Rohith Gopi
  • 536
  • 1
  • 5
  • 22
0
votes
0 answers

Best way to download 600 fonts onto user's browser

In my mini web application, I wonder whats the best way of serving the 600+ fonts from google web fonts library to my users, primary concerns are the font file sizes, ajax calls delay. Two possible options that come to mind are: Ajax calls to…
sarfraz
  • 27
  • 8
0
votes
1 answer

font face wont load on initial site visit

I am working on speedybarcodes.com and I'm having a problem with the fonts and font icons not loading on the initial site visit. It's a really weird problem. If you visit the site, as soon as it loads the first time the fonts aren't shown for the…
Daniel White
  • 3,337
  • 8
  • 43
  • 66
0
votes
0 answers

Conversion of web fonts in SVG to PNG on server-side

I am writing a web application in SVG. I am using bartik to convert the user created svg into png file on the server (AWS EC2 - Ubuntu 12.1). In the web application, the user modifies the font by retrieving the font family from the google web fonts…
sarfraz
  • 27
  • 8
0
votes
2 answers

DIN webfont in Firefox and IE not working

I'm having problems with implementing the DIN font in Firefox and MSIE. It works fine in Chrome. Here's the import code: @font-face { font-family: DINweb; src: url('/wp-content/themes/quickstep-child/DINWeb.eot'); src:…
Kristoffer Rosseth Nebb
  • 3
  • 1
  • 1
  • 3
0
votes
1 answer

IE8 CSS @font-face IE8 - fonts are flashing

I'm having a problem with my icon fonts. It works with any other browsers but not with IE8. Already tried bulletproof solutions but without success. The problem is with IE8.. when page is loading, I can see icons, but when page is fully loaded (…
user2010751
0
votes
2 answers

Font size is bigger in HTML than in Photoshop

My
Mitch Pash
  • 1
  • 2
0
votes
0 answers

Weird issue with UserVoice & Web Fonts randomly not displaying

I have a site that makes use of web fonts & obviously @font-face; I recently added the UserVoice widget JavaScript call to the header of the site and I"m not 100% sure if it's what is causing the issue, but a couple times since I have added that…
Brett
  • 19,449
  • 54
  • 157
  • 290
0
votes
1 answer

Which Unicode characters can be typed using the keyboard?

I had some trouble figuring out the title for this question, so I know it sounds a little stupid. I'm working on a webfont generator. I have over 1,000 SVGs (and growing), and, with the use of FontForge scripts, plan on assigning each one of those…
Silviu-Marian
  • 10,565
  • 6
  • 50
  • 72
0
votes
1 answer

@font-face does not work @IE8 and lower

i have a problem and have no idea how to solve it. The @font-face rule works perfect in most browsers, excecpt of IE8 and lower. I have some test file here: http://poorscousertommy8.lima-city.de/ If i test the site in IETester (IE8) then the stil…
PoorScouserTommy8
  • 3
  • 3
0
votes
1 answer

Mac not rendering font in browser

I have used KnockoutHTF30 font in stylesheet. It is loading fine on windows and linux machines. But on mac, it does not come up. Here is my code. @font-face { font-family: "KnockoutHTF93"; src: local("KnockoutHTF93"),…
sulmanpucit
  • 456
  • 6
  • 17
0
votes
0 answers

Commas in @font-face irritate Firefox

I wanted to use a font by using the following @font-face rule: @font-face { font-family: 'Web Symbols'; font-style: normal; font-weight: 400; src: local('Web Symbols'), local('WebSymbols'),…
red_trumpet
  • 601
  • 1
  • 6
  • 15
0
votes
2 answers

css font face not working at all

In one of my website I have used Ænigma Scrawl 4 BRK font(as it is showing in my photoshop font family box). Now I want the same font in my page. So for that I just went to FontSquiirel site for generate css style. There I got my css file with the…
user159377
  • 113
  • 1
  • 3
0
votes
0 answers

CSS3 animation breaks webfont ? and wont work in FF

I have this code here for animation, works great in Chrome, however in Safari my webfont from google weight is normal across the page and when this animation is used all the webfonts go to "light" weight?? Firefox this animation doesn't even…
Matt
  • 5,005
  • 10
  • 32
  • 39
1 2 3
…
99 100