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
1 answer

Need help properly defining Javascript - Should be super simple

How do you define a variable label in an array? At least that is what I imagine it would be called, but my terms 'variable', 'label' and 'array' are probably incorrect terms. I am working with an svg-edit and have embedded some fonts to use with the…
Mahogan
  • 63
  • 3
  • 10
0
votes
3 answers

Colored Webfont

I need to create something like a colored webfont. I got a project where I am using font awesome and a custom icon font. My problem is that I need something like a multicolored icon: Is it possible to create such a font or do I have to use an…
Andre Zimpel
  • 2,323
  • 4
  • 27
  • 42
0
votes
2 answers

reason a font face would appear different as heading vs. normal text

Okay I have a font-face that I am using as part of a website (just for nav. and a header/logo) here is a link to the font file http://www.dafont.com/bad-grunge.font (I typically would never use something like this but client insists) Now The…
brendosthoughts
  • 1,683
  • 5
  • 21
  • 38
0
votes
1 answer

Conditionally use a web font based on font-size

Can @font-face be used to only use a web font if the font is above a given size i.e. my webfont renders very poorly at or below 9px - can I make it fall back to arial at this size?
wheresrhys
  • 22,558
  • 19
  • 94
  • 162
0
votes
2 answers

Google fonts don't work in Chrome

How does it come that Google fonts work fine in IE and FF but not in Chrome? Kind of funny that it doesn't work in their own browser see the picture (chrome on top) the example comes from this page http://www.europeanhairtransplant.se I'm using the…
WIRN
  • 915
  • 1
  • 16
  • 31
0
votes
1 answer

google font how to find out which font has been used on a picture

i saw how to do this once somewhere i think html5rocks but now i can not figure out how to do it maybe there is someone out there who can help me on this. i what to find out what Font they used on this picture and if it ist hostet on google font or…
Gildas.Tambo
  • 22,173
  • 7
  • 50
  • 78
0
votes
3 answers

Font Squirrel Generated font not loading in Internet Explorer

Here's the JS Fiddle link: http://jsfiddle.net/n6eaG/ All the HTML, CSS and JS is grabbed from an EECMS site. Just removed enough template tags to render the type/fonts I'm having issues with. I uploaded Font Squirrel generated VerbUltra/VerbLight…
Justin Meyers
  • 153
  • 1
  • 1
  • 10
0
votes
1 answer

How to enable text tips for Webfonts, like one does in images using ALT?

I may be looking at this wrongly, but with Image links I used ALT to show text tip for Imagelinks. However now I am using webfonts, and I love them. However I am unsure what is the recommended method for showing any text tip information, like one…
SamJolly
  • 6,347
  • 13
  • 59
  • 125
0
votes
2 answers

Having trouble displaying custom webface font

I have some custom icons that I want to use as a webface font: However, I can't seem to get them displayed.. All I get to see is the corresponding letter ('a' and 'f'). As shown here You'll also see the working example of the font 'socialico'
M'''
  • 51
  • 2
  • 11
0
votes
0 answers

How to determine The typeface(font-style) ?

I want to Get the font-style of different fonts i-e Algerian,Arial . . . . . . . Every Font has its own font-style i-e Arial(Narrow,Narrow Italic,italic,Regular,Norrow bold,bold) AND Algerian(regular,Extra condensed,Extra condensed italic,Extra…
nasir142
  • 83
  • 8
0
votes
1 answer

Google fonts: special characters (arrows) not showing in IE10

http://jsfiddle.net/Praak/ Try in different browsers, only IE will not apply "Source Sans Pro" font for ←→. Removing text parameter fixes it, but I need only 2 arrows from this font and do not want to load all characters. Is there any other…
Aigars Matulis
  • 1,469
  • 17
  • 22
0
votes
3 answers

How to display Indian currency symbol instead of Rs

I want to display Indian currency symbol instead of Rs in webpages,I've found different solutions for it in SE itself from all those solutions I want to go for the answer given by OM The Eternity @font-face { font-family: 'rupee'; src:…
Mahesh.D
  • 1,691
  • 2
  • 23
  • 49
0
votes
2 answers

Specific Web Font is not showing on Google Chrome

In this site I am currently coding Im using webfonts that are stored on my server. Every browser displays them just fine but not chrome. Chrome uses Times New Roman instead. After checking the developer tools on chrome I found that they fonts ARE…
Lior Regev
  • 450
  • 1
  • 6
  • 9
0
votes
1 answer

Embedded two weights of same webfont and only one works

I'm embedding two weights of Raleway in an HTML email and want to self host. I converted the Regular and Extra Bold weights using Font Squirrel, but only the regular weight is working. Not sure if there could be some sort of conflict because it's…
jsuissa
  • 1,754
  • 6
  • 30
  • 64
0
votes
1 answer

Google webfont subset sample strings

I have written a WordPress plugin that allows any Google Webfont to be used in the CMS. It includes a font previewer that shows "The quick brown fox..." in each selected font. So far it has been used to request the latin (i.e. default) font only…
Jason
  • 4,411
  • 7
  • 40
  • 53
1 2 3
…
99 100