webfonts

Webfont not working in Internet Explorer

笑着哭i 提交于 2019-12-13 14:49:57
问题 I'm using a webfont which is hosted by fonts.com. It renders normally in Chrome, Firefox, Safari, but not in any version of Internet Explorer. Even IE10 is not rendering it. The project runs with Plone. The css file is registered normally via Cssregestry. But this shouldn't make any difference to a normal site. To all who are familiar with Plone, this is the registry: <stylesheet bundle="aufhebenswert" id="http://fast.fonts.com/cssapi/47bc7d51-3bb8-428d-a077-06d3d6f54eae.css" insert-after="*"

font-weight over a font-face not working?

折月煮酒 提交于 2019-12-13 07:37:31
问题 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=

css google fonts cyrillic - some letters are cut off

江枫思渺然 提交于 2019-12-13 06:01:35
问题 I've got a problem with using google fonts on website, The problems shows only if even font-size is used, Some of the letters are smaller or cut off on the top. There is no problem on google fonts website, though, if i try to use it on my server, i see it. On the screenshot, you can see that letters П and Г are smaller, then other. Line-height doesn't help. Here is my code: <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,700&subset=latin,cyrillic-ext,cyrillic

Custom fonts not displaying within IE9 & IE10

两盒软妹~` 提交于 2019-12-13 04:47:51
问题 I've been running into multiple issues with utilizing custom fonts at the following location: www.shawmut.com/happyholidays I ran into an issue yesterday with Mozilla Firefox and it not displaying a custom font I was linking to our AWS S3 Bucket, which I resolved by hosting the fonts of our actual web server. Now, I'm experiencing an issue with IE9/10 where the fonts are not displaying once again. I found the following discussion here: IE9 Refusing to Load custom font? which somewhat touches

Cross-browser webfonts loaded event

大城市里の小女人 提交于 2019-12-13 04:28:48
问题 I am trying to measure the width of a specific character from a webfont. The active event provided by Google's Webfont Loader fires slightly too early and the measurement it made on the default font. A stripped down version of the script that I am working with: window.WebFontConfig = { google: { families: ['Anonymous Pro:400,400italic,700,700italic'] }, active: function () { $.fn.ready(MeasureM); } }; function MeasureM() { var e = document.getElementById('div'); e.style.font = "15px/15px

Roboto Condensed Font not rendering properly in mozilla firefox

别来无恙 提交于 2019-12-13 03:44:07
问题 I am using RobotoCondensed downloaded from google Web Fonts. I am using the font from my server. I have created the css like below. @font-face { font-family: 'Roboto Condensed'; src: url('../fonts/RobotoCondensed-Light.eot'); src: url('../fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Light.woff') format('woff'), url('../fonts/RobotoCondensed-Light.ttf') format('truetype'), url('../fonts/RobotoCondensed-Light.svg#svgFontName') format('svg')

Fonts Not Properly Shown on Google Chrome

余生颓废 提交于 2019-12-13 02:17:16
问题 I have this weird problem with Chrome. I use Bootstrap with its glyphicons and another font (BYekan) included using @font-face. But sometimes the glyphicons and BYekan fonts appear as they should do, and sometimes an square appears instead of those fonts and as soon as I hover the mouse over the square, the correct form of glyphicons and my font BYekan appear. I'm referring to a nearly exact copy of my question though with illustration (glyphicons icons not get suitable for chrome) which I

CSS Mediaqueries: Defining font-face inside a certain min to max range - is this font loaded outside?

偶尔善良 提交于 2019-12-12 16:25:37
问题 Probably a weird question and after your answers I might be ashamed for asking this. I have a specific font embedded on my website (via @font-face ) this font is used for a section that is only visible on wider resolutions (desktops). On Smartphones for example, this section is not visible ( display:none ). The @font-face rule is not defined within a media-query but right at the beginning of my stylesheet. I wonder now if it would be possible to avoid loading this embedded font-file if I'm

Which Fontfile to use in a website?

落花浮王杯 提交于 2019-12-12 16:12:20
问题 Guys i am working on a custom project where i need font awesome But when checking fontawesome font files i can see they provide a lot of options JS SVG With JS WebFonts As for as i know i should use WebFonts but in that i can see there are lot of font file. eot svg ttf woff woff2 is all the font formats are required ? Can we use only SVG ? Actually i need my project in total of 2MB if i add all the font files it taking too much space. 回答1: As of this posting your selected typeface,

Is it possible to display an alternate character with CSS?

时间秒杀一切 提交于 2019-12-12 10:38:06
问题 I am using a web font that has several different, "M's" to choose from, in the glyphs panel. The default "M" that keeps being displayed in my website is hideous. I would like to use a better looking "M" from one of the font's alternate character choices. In the glyphs panel (within Illustrator) the "M" character I want to use is: U+004d Alternates#2 (aalt2) I have this currently in my CSS: .script:before { content: "\004D"; } Unfortunately, this code does not pull the alternate "M" I want. It