font-face

Non-Standard fonts in web?

I recently came across a web page using the font “ff-tisa-web-pro-1” (specified in their CSS file). How does that work? I definitely don’t have this font on my computer, yet it was displayed. ...

Is there a way to download a font in HTML5 pages before rendering the page?

While using @font-face HTML5/CSS3 loads the page, and you slowly see the fonts appear. Is there no way to load the fonts first? ...

Using FontSquirrel @Font-Face Generator: font quite fuzzy in Firefox

Mac Firefox (3.6.3). Font looks sharp in Chrome, Safari, IE8 (not as good as other 2, but less fuzzy than Firefox). Any work arounds? How can I determine which of the source files Firefox is using? Can I force it in the CSS to choose something else? ...

CSS: how to have different sizes for each font

I have a website the uses "arial narrow". To avoid compatibility problems I made a @font-face version of that font using "Font Squirrel" font-face generator (http://www.fontsquirrel.com), but when I'm on a system that doesn't have the native "Arial Narrow" and then it loads online via @font-face, the font is greater than the native "Aria...

@font-face doesn't work in Firefox (but exact same code works on another site)

I have two sites using the same exact code for @font-face. The font files are hosted on the respective sites and the paths are correct. One works, one doesn't. (And of course it works on my personal site and not the clients!) I'd really appreciate some fresh perspective on this! Where it WORKS: The site: http://365.christinalutters.c...

@font-face embedded font height troubles

Hi all, Having some trouble with the CSS alignment of text generated with @font-face. For some reason, there is a ton of extra space visible at the bottom of each letter, stretching the text's containing box too far downward. If you inspect the text on this sample page, you can see what I mean. Have googled and inspected a bunch of o...

Are @font-face fonts loaded by browser even if not used?

So I have this stack: @font-face { font-family: 'MyCustomFont'; src: url('MyCustomFont.ttf') format('truetype'); } body { font-family: Helvetica, MyCustomFont, Arial, sans-serif; } Is MyCustomFont.tff loaded by browser even if Helvetica is present in the machine (ie: Mac Users)? ...

CSS font linking

I was wandering how can I link font-family in css to a font in your folder. Like PHP you can use your font in your folder. Example Code: CSS: font-family: verdana; This is what I mean: font-family: foldername/font Is there a code for that? or I have to use PHP to browse my own font? ...

CSS fonts on Android

I'm using @font-face to display League Gothic on a website, but it's not showing up on Android 1.6. Here's my code, generated with Font Squirrel's @font-face generator @font-face { font-family: 'LeagueGothicRegular'; src: url('/fonts/League_Gothic-webfont.eot'); src: local('☺'), url('/fonts/League_Gothic-webfont.woff') format('woff'), u...

Want to embed a font but cannot convert from Font Suitcase or PostScript Type 1 files

I am using FontSquirrel font generator to try to generate the embedded font files so that I can use the @font-face in css to embed for a Website. However, the font files I have (on Mac) are as follows and are greyed out and it is not possible to select them to convert on FontSquirrel or other converters (i.e. they don't seem to be a ra...

Is a Text Gradient similar to Cufon possible using CSS3 & @font-face?

Using @font-face and CSS3 I want to simulate the linear gradient that you can achieve on text using Cufon color: '-linear-gradient(#7f7f7f, #616161)', I have the webkit rule -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7F7F7F), to(#616161)); but can't seem to get it to apply to the text using the color: selector or any ot...

Ckeditor external font problem in IE 8

Hi I am using an external fonts for ckeditor. I have added the font face using addCss function for ckeditor content iframe and also added a css file for font listing dropdown iframe. The fonts are listing properly with font preview in font listing dropdown and style is also being added in the content writing iframe. In FF and IE 7 the fo...

Using .otf fonts on web browsers

Hello ... I'm working on a website that requires font trials online, the fonts i got are all .otf ... is there anyway i can embed the fonts and get them working on all browsers ??? If not, what other alternatives i have ?? Thanks ...

Debugging Google Web Fonts

i am think i am using similar code i used b4 but seems like the fonts aren't loading <html> <head> <script src="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold"&gt;&lt;/script&gt; <style> h1, h2, h3 { font-family: "Yanone Kaffeesatz"; color: red } </style> <...

How do I install a customized font in system?? and copy to word pad??

I have designed a special character. what I want is I need to install to windows system. First I want to assign that character to a keyboard. then when I copy this font from a word processor to word pad it should be visible. I have modified glyph of an existing font and replaced "^" character to my new design. Right now I have assigned...

line-height vertical align font-face

I have the following markup: <div class="blockSection"> <h5>Title of the section</h5> ... </div> now, the h5 for the .blockSection has a fixed height and a background image, 40px. For aligning the text vertically i always set the line-height same as the height, since the text wont break in 2 or more lines. But the problem is i'm using...

Change default font type/size in TinyMCE

How do you change the default font type and font size in TinyMCE? I'm using the advanced skin and I've changed the body, td, pre style in default/content.css but it still doesn't change. ...

Can one specify the fontType in android styles xml?

I am following an example project "Sky" by Jeff Sharkey using styles in my layout. It is working out quite well, however, I cannot determine how to specify the font type-face using the styles. Without this, I will have to apply the font explicitly to every TextView, EditView, etc., whereas I want to control where and when it is applied...

Will i feel any performance improvement in page load if i switch sIFR to @font-face?

Will i feel any performance improvement in page load if i switch sIFR to @font-face? I made a site on client request with a sIFR because client wanted to use his logo's font in Home Page heading and subheadings etc. Now client feel site is slow to load because on homepage itself there are 20 instances of sIFR text. Now if I suggest to...

Google Web Font Loader only loads single font on firefox

Debugging 2 seperate bugs here but first thing is first. I have specified 2 fonts to be loaded from my server using google font loader, SilkScreen and SilkScreenBold, on firefox SilkScreenBold is loaded for me every time but SilkScreen is not. http://junk.arandomurl.com/helicopter/test.html Alternatively if anyone could give me a diffe...