font-face

问题 I have issue with one of site that I developing. Situation is like this: I'm using @font-face generated at fontsquirrel.com, and in every browser, except for IE8 it works fine. In the beginning it worked for IE8 too, but (I guess) after update it stops working normally. This is what's happening, after page is loaded, font on the page stays the same until you mouse over the document, after that it applies @font-face rule. You can see that here: http://devel.2klika.net/fiolic/demo/home.php Also

问题 I'm trying this code For the @fontface for an arabic font : @font-face { font-family: 'MothnnaFont'; src: url('fonts/mothnna.eot'); /* IE9 Compat Modes */ src: url('fonts/mothnna.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/mothnna.woff') format('woff'), /* Modern Browsers */ url('fonts/mothnna.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/mothnna.svg#svgMothnnaFont') format('svg'); /* Legacy iOS */ } I'm using the font in a class named demo : .demo {

问题 I have a custom font called Roboto Condensed . I have placed all the fonts into a fonts folder. I have a eot , woff , woff2 , ttf , and svg all in here for cyrilica, greek, vietnamese, and latin along with extensions for greek, cyrillic and latin. I am attempting to import it into my site like this: /* cyrillic-ext */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: url("fonts/Roboto Condensed Cyrillic Ext.eot"); src: url("fonts/Roboto Condensed

问题 @font-face { font-family: "HelveticaNeueLTStd-Lt"; src: url('/css/fonts/HelveticaNeueLTStd-Lt.otf') format('opentype'); } That is the output of my compass code: @include font-face('HelveticaNeueLTStd-Lt', font-files('HelveticaNeueLTStd-Lt.otf')); I can't seem to get the output url to be either just 'Helvetica......otf' or just 'fonts/Helvetica......otf'. My directory assets are as followed: http_path = "/" css_dir = "css" sass_dir = "sass" images_dir = "img" javascripts_dir = "js" fonts_dir =

问题 I am trying to implement Guardian Egyptian font-family in my website. I have implemented font-face rules for remote referring. But in CSS it doesn't work. In fact, it doesn't change the font into Guardian Egyptian . Why? Here is what I have tried: 回答1: You can't just put a random URL in a font-face call and expect it to work. That's a link to a site where you can purchase that font. When purchased, they'd give you a webfont-ready version of the font for use on your site. 来源： https:/

问题 I am inserting some Chinese, Japanese, and Arabic type (IE: 地球の平和 ) into a page. They render fine for myself yet I do not know if they will render on other computers. I have Creative Suites on this computer with the CS fonts installed and I am fairly certain that the software added those language fonts or are they standard and anyone who loads the page will see those fonts. If they are not standard is my best bet to use the @font-face to render them? 回答1: The various font substitution engines

问题 I am using font face to include a customised font named razing. The font is not working in IE8 but works well on IE9+ and other browsers. I checked the console in IE8 browser and i found " @font-face encountered unknown error." I tried using svg and fixes like ?#iefix but it ain't working. Please can u provide a healthy solution to overcome this, Thanks !! <style> @font-face { font-family: Razing; src: url(Fonts/Razing/razing.eot); src: url(Fonts/Razing/razing.eot?#iefix) , url(Fonts/Razing

问题 I am trying to make a text thinner and i have seen it working properly on a website. http://www.freshthemes.net/demo/backbone/about-us/ (Under company overview ) This is the style I am using: .intro p{ text-align: justify; margin-bottom: 8px; line-height: 22px; margin-bottom: 8px; font: 17px/21px "Open Sans", Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: 300; color:#656565; } And the font is loaded with: <link rel=

问题 i have created a header on my website that uses custom font-faces and have applied a size with pixels (61). and for some unknown (to me) reason the font is rendered nearly twice as large in ie9 and tor than in chromium and firefox. there are no other css settings that appear to me to be relevant (e.g. no font-weight:bold or similar settings). other font-faces appear to render close to or exactly the same size between browsers. i've exhausted my ideas on what is the cause of this.. if anyone

问题 I've got a rather minor CSS problem, so particular to my site that googling for it doesn't return anything useful. (I might as well google "why isn't my CSS working?" for as easy to describe as the problem is.) I've thought of a couple ways to troubleshoot the issue so far, including: CSS and HTML validators and linters tweaking around in Firebug for hours pasting code in an IDE to make sure parens, [] 's and {} 's match looking at diffs of old code (some of which worked) with newer code