font-face

Why are my descenders being cut off when using CSS @font-face?

由 旧巷老猫 提交于 2019-12-18 02:16:07
问题 I'm using the Google webfonts API to embed Droid Sans on a page. All is fine, except for the descenders (i.e. the dangly bits on y, g, etc). The latest versions of Firefox, IE and Chrome on my Windows Vista box are all cutting the bottom off. <!DOCTYPE html> <html> <head> <title>Droid sans descender test</title> <meta charset="utf-8"> <link href="http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold" rel="stylesheet" type="text/css"> <style type="text/css"> body { font-size: 16px;

CSS: @font-face anti aliasing

由 牧云@^-^@ 提交于 2019-12-17 21:53:01
问题 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 headings the way I want. My CSS code: @font-face { font-family: 'YanoneKaffeesatzThin'; src: url('../fonts/yanonekaffeesatzthin-webfont.eot'); src: local('☺'), url('..

Font-face embedded fonts look fuzzy in Windows 7 browsers

由 不羁的心 提交于 2019-12-17 20:26:05
问题 I'm using a font called Chunk Five and when embedded with font-face, it looks almost unreadable in windows 7 browsers because of the way Windows renders their fonts (it's too fuzzy and thick). I've tried modifying things like font-weight and text-shadow, but they don't have any effect. Is there any way to change this or will I have to resort back to cufon? 回答1: Try the http://www.fontsquirrel.com/fontface/generator generated markup. 回答2: Is this a ClearType problem? You could try toggling the

IE8 web font iframe bug workarounds

由 偶尔善良 提交于 2019-12-17 18:22:20
问题 This blog post (slightly annoying page there) (and that's not my blog by the way) describes a bizarre bug I ran into yesterday in Internet Explorer 8 only. The bug involves .EOT web fonts and <iframe> elements. I haven't extensively researched the exact trigger for the bug, but it's basically the case that a page using a web font that loads content into an <iframe> such that the frame also uses a web font becomes "defaced" by the browser. The previously-OK text rendered with the web font

Why does one of these font-face render in IE8, but the others don't?

由 爱⌒轻易说出口 提交于 2019-12-17 15:35:13
问题 Why does this fontface render in IE8: @font-face { font-family: 'Aller'; src: url('aller_rg-webfont.eot'); src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('aller_rg-webfont.woff') format('woff'), url('aller_rg-webfont.ttf') format('truetype'), url('aller_rg-webfont.svg#AllerRegular') format('svg'); font-weight: normal; font-style: normal; } And this does not: @font-face { font-family: 'Champagne'; src: url('champreg-webfont.eot'); src: url('champreg-webfont.eot?#iefix

@font-face failed OpenType embedding permission check. Permission must be Installable

由 痴心易碎 提交于 2019-12-17 15:28:12
问题 This exception occurs in here. You can reproduce it in IE11. So far I have not found the cause of the issue. Any ideas why this is being caused? CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. File: 53d9eae5-63b4-48d7-a5b8-3419455028bb.ttf The web site is running on Azure Websites platform and is using ASP.NET MVC 5. 回答1: Fixed by adding <staticContent> <mimeMap fileExtension=".woff" mimeType="application/octet-stream" /> </staticContent> under

Downloadable font on firefox: bad URI or cross-site access not allowed

由 穿精又带淫゛_ 提交于 2019-12-17 08:25:13
问题 I'm a webmaster at http://www.beperk.com (I'm giving you the URL so you are able to check the problem) and I'm having lots of problems using @font-face in CSS. I want to use the foundicons from zurb dot com so I hosted them at Amazon S3. I set up the bucket to allow crossdomain access as specified here: http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors And everything started to work seamless at webkit, trident and gecko... mostly: when browsing the web with firefox

Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading

由 时光怂恿深爱的人放手 提交于 2019-12-17 02:24:50
问题 There has been a long standing issue with Firefox not loading font from different origin than the current webpage. Usually, the issue arise when the fonts are served on CDNs. Various solutions has been raised in other questions: CSS @font-face not working with Firefox, but working with Chrome and IE With the introduction of Amazon S3 CORS, is there a solution using CORS to address the font loading issue in Firefox? edit: It would be great to see a sample of the S3 CORS configuration. edit2: I

Bold text in the from field: <input>?

由 家住魔仙堡 提交于 2019-12-14 03:47:52
问题 Today when I filled my calendar at google I saw that the description of the event is in bold font: <input id=":g" name=":g" type="text" class="textinput" dir="ltr"> Is it possible to render the custom text style in the text input field? Thanks Arman. EDIT Simple search I fond that the jquery watermark plugin can do similar thing. 回答1: CSS can format text in text input field: <html> <head> <style type="text/css"> input {font-weight:bold;} </style> </head> <body> <input type="text"/> </body> <

Why Can I Not Implement @font-face?

由 落花浮王杯 提交于 2019-12-14 03:36:26
问题 My problem is that custom fonts do not display when using @font-face . My CSS is referenced in it's own file and the code is: @font-face { font-family: 'MerceariaAntique'; src: url('type/mercearia_new/21319b_0_0-mercearia.eot'); src: url('type/mercearia_new/21319b_0_0-mercearia.eot?#iefix') format('embedded- opentype'), url('type/mercearia_new/21319b_0_0-mercearia.woff') format('woff'), url('type/mercearia_new/21319b_0_0-mercearia.ttf') format('truetype'), url('type/mercearia_new/21319b_0_0
订阅 font-face