I have a HTML5-canvas and write text with context.fillText(...); using a @font-face-font. Displaying the page with Firefox (3.6) I have the problem, that on the first paint of the canvas the font is not downloaded yet so the text will be displayed with a standard-font. I found a 'solution' here but it does not work, because the font is o...
When using a custom font via @font-face, it does render just as I think it should in Chrome. In Firefox, though, additional padding (top and bottom) is added to the font. Here is my example page that outlines the problem. Is there anything I can do about it? ...
Hi, I've used the following in the CSS file of the website. It works on safari but not on Firefox. I'm a newbie so apologies for this if it seems like a simple question. Been trying now for 3 hours. @font-face { font-family: handwriting; src: url(http://example.com/handwriting.ttf); } Thank you in advance. ...
Hi all, I'm a bit struggling with the @font-face CSS option. After a lot of reading, trying, retrying I finally came across a website that makes you a ready-to-go package when you upload your font. It's running now but it seems the font doesn't get anti-aliased. While I see this happening at other websites, mine does not render the head...
Hello, I am trying to code a clean html5 website. I am using the html5 boilerplate as the base of the website. It comes with modernizr. For the page title I am using text-shadow and font-face and have set up a small css fallback via modernizr (when one of the features is not available, a png image will be shown as background). So the ...
As this is a stated requirement of the Web Fonts specification can someone explain to me how individual browsers handle this? I understand that IE temporary installs the font only for the period the font is required, but can find no mention of how this is handled for Firefox, Safari, Chrome, Opera etc. Thanks, ...
Hi friends I am using LabelFields to display text message in a screen i want different fonts each LabelField but when i am using api fonts of blackberry using FontFamily fontFamily[] = FontFamily.getFontFamilies(); Font font2 = fontFamily[0].getFont(FontFamily.SFF4_FONT,18); is showing bold style how to use different font styles plz ...
I am having some issues with loading a custom font on a site that I am working on. Seems to work in Chrome, but that is it... https://andstones.site-ym.com/ I attach a custom stylesheet, <link charset="utf-8" type="text/css" href="http://www.korymathewson.com/fonts/styles.css" rel="stylesheet"> and in the stylesheet I write: @...
I've just heard of the @font-face CSS attribute, and I was wondering if there any legality issues. I have heard that only certain fonts can be embedded? What about completely custom ones, like a Super Mario Bros. font? Is that legal to embed? Just wondering.. ...
Hey guys, for some reason, I have FireFox not complying with the supposed "bullet-proof" method of getting a custom font in every modern browser. Well, I hope I'm just doing something wrong, because it looks to me as though it really should be working. Here is my CSS style: @font-face { font-family: 'SMB'; src: url('/css/type/...
What mime type should WOFF fonts be served as? I am serving truetype (ttf) fonts as font/truetype and opentype (otf) as font/opentype, but I cannot find the correct format for WOFF fonts. I have tried font/woff, font/webopen, and font/webopentype, but Chrome still complains: "Resource interpreted as font but transferred with MIME type...
I have used the following rule to allow our static domain to host fonts, but I've run into a problem font's not being used by the browser (firefox, safari) when the browser cache is enabled. <Directory "/site/http/web/assets/fonts"> <FilesMatch "\.(eot|otf|woff|ttf)$"> SetEnvIf Origin "^http://(.*)?main-domain.co...
Hi, i'm building a site where we are considering to use a custom font (using @font-face) for all text on the site, not just the headers. I've already integrated a custom @font-face on another site for just the headers, which works fine, but i'm a bit worried about performance (especially rendering) when using a webfont for everything. Es...
I have a site that uses custom fonts. I've got the font form the designer in oft format. I've used a converter to convert them to eot format. and added the following code to the css @font-face { font-family: 'AdumaFOTRegular'; src: url('fonts/AdumaFOT-Regular.eot'); src: local('AdumaFOTRegular'), local('AdumaFOTRegular'), u...
Right now I'm setting a font to my application, but I was just following an example. How can I know what fonts I have available to me? FontFamily alphaSansFamily; try { alphaSansFamily = FontFamily.forName("BBAlpha Serif"); Font appFont = alphaSansFamily.getFont(Font.PLAIN, 9, Ui.UNITS_pt); setFont(appFont); } ca...
It seems as though the use of custom fonts on webpages is becoming increasingly common. With services like TypeKit, there is a also an increasing selection of high-quality fonts to work with. I'm wondering: Has anyone started building sites that use @font-face fonts exclusively? (Can I finally get rid of Verdana / arial and swap in M...
Using four various formats of my web font (e.g. calculated for me by www.fontsquirrel.com) : True Type / EOT / SVG / WOFF and embedding them via CSS as such: src: url('../fonts/webfont.eot'); src: local('☺'), url('../fonts/webfont.woff') format('woff'), url('../fonts/webfont.ttf') format('truetype'), url('webfont.svg#webfontAXSQe9it') f...
Anyone know where I can find the Gotham font? I'm looking for the font for my design. Many thanks. Erik ...
I'm using @font-face for the first time and downloaded a font-kit from fontsquirrel The code they recommend inserting into my CSS is: @font-face { font-family: 'junctionregularRegular'; src: url('Junction-webfont.eot'); src: local('☺'), url('Junction-webfont.woff') format('woff'), url('Junction-webfont.ttf...
Hi guys I have this code in my css file from the @fontsquirrel generator /// changed the code to how it is now /// @font-face { font-family: 'AdLibRegular'; src: url('../fonts/adlib-webfont.eot'); src: local('☺'), url('../fonts/adlib-webfont.woff') format('woff'), url('../fonts/adlib-webfont.ttf') format('truetype'), ...