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

Input webfont text in a div with contenteditable appears simultaneously in other divs?

I want to create a page to test and display my web fonts in a browser to compare different sizes of the same user-input text. Later perhaps to compare different font styles with drop down buttons etc. my question for the moment is how to have new…
Valavel
  • 3
  • 4
0
votes
1 answer

Webfont Not Working on Any Browser Using @Font-face (Wordpress Site, Divi Theme)

I've been trying to integrate a web font I just bought into my website (Metric, from Klim Type Foundry), and I can't get it to work with the @font-face css. The site is a wordpress site, and I'm using the Divi theme by ElegantThemes. I've made a…
acheung
  • 1
  • 1
0
votes
0 answers

Pagespeed for web icons: Vector, non-critical CSS, and cacheable

My requirements: Icons will be used "above the fold", including the site-wide navigation header/menu Page should initially render without waiting for icons to load (i.e. icons are not added to the HTML nor are they part of critical CSS). In other…
rgareth
  • 3,377
  • 5
  • 23
  • 35
0
votes
1 answer

Google font shows boxes in Internet Explorer 8 - IE 8

I am using below line in css: font-family: 'Droid Arabic Naskh'; and following code to my php header file: There is no problem in FireFox,…
Amir
  • 4,089
  • 4
  • 16
  • 28
0
votes
2 answers

Is an @font-face directive required after importing a font?

I am working on a site which uses a commercial wordpress theme and the redux framwork. It seems to me that web fonts have been incorrectly implemented and I just want to confirm this with a frontend specialist. In an included css file the following…
codecowboy
  • 9,835
  • 18
  • 79
  • 134
0
votes
2 answers

Unusual trouble loading WebFonts

I'm attempting to apply webfont to improve my page. Found what I wanted and uploaded to my own server that's hosting my project. This is my css: @font-face { font-family: 'urban'; src: url('/urban-sketch.ttf'); #div {font-family: urban;} The…
mhcc66
  • 1
  • 3
0
votes
2 answers

Why do Google fonts look crisp on google's site but not on mine

I'm using josefin sans font from Google fonts. It looks crisp and sharp on their website and consistently so for all browsers. But when I import the fonts to my site via linking to provided css file , they look thin and blurry. I know about some…
nuway
  • 2,324
  • 4
  • 27
  • 48
0
votes
1 answer

Sending css icons with PHPmailler or swift mailler

I created a TTF font and instead of "®" char, I put my logo. Then I formed it as webfont. I tried sending html mail with PHPmailler like this:
user1372430
0
votes
2 answers

How do I get fonts to download on web when the exist?

For some reason my glyphicons are not displaying. When I look at the files in the inspector, they show up red, because they are byte 0. However I can access the links…
Kamilski81
  • 14,409
  • 33
  • 108
  • 161
0
votes
1 answer

How to create a data:application link for a web font?

Since web fonts have some ins-and-outs pertaining to cross-domain hosting, being a developer who provides code for a multitude of clients that want to use such web fonts to leverage their aesthetic quality, can be challenging especially when trying…
RenaissanceProgrammer
  • 404
  • 1
  • 11
  • 30
0
votes
1 answer

Icomoon Submit button

I've started using Icomoon on a page I'm creating and would like to use the font as a value to display on the button, but it seems the only way to present the font on the page is through a span. Is there a way to…
breaker
  • 41
  • 1
  • 6
0
votes
1 answer

Why is my font acting weird on bootstrap nav?

I'm using Bootstrap v3.2.0 on this site. On mobile, when the nav is collapsed, when I click to open it, the font's aren't correct right away. Only after the nav is fully open do the fonts "snap" into using the webfonts. I created a video to give you…
tvirelli
  • 458
  • 7
  • 22
0
votes
1 answer

Google Blogger and cross-domain webfonts possible?

Has anyone had success using webfonts hosted on a different server with Google Blogger? With blogger I do not have access to Google servers so I must upload these font files to my own server. Files hosted on my server or dropbox haven't…
Paul Keller
  • 1
  • 3
0
votes
1 answer

Chrome Font Antialiasing SVG trick doesn't work

I'm trying to smooth fonts in Chrome on Windows by forcing Chrome to use SVG files as described in this article here: http://const.fr/chrome-webfonts-antialiasing-fixed. For my test I used the CrusoeTextBold from the OpenFonts library website…
checkmate711
  • 3,301
  • 2
  • 35
  • 45
0
votes
4 answers

How do I add Opan Sans .tff using CSS?

I want to use the OpenSans-Light.tff webfont that I downloaded off of Google Fonts. Here is what I am trying within my main.css: @font-face { font-family:"OpenSans"; src: url("fonts/OpenSans-Light.ttf"); } .banner h1 { font-family:…
Milo
  • 3,365
  • 9
  • 30
  • 44
1 2 3
…
99 100