webfonts

问题 I'm using an svg with custom fonts from google, but i'm hosting it myself. Here's the SVG file with the following code: <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="430" height="590"> <defs> <style type="text/css"><![CDATA[ @font-face { font-family: 'Fjalla'; src: url('http://build-podcast.com/fonts/fjalla.eot'); src: url('http://build-podcast.com/fonts/fjalla.eot?#iefix') format('embedded-opentype'), url('http://build-podcast.com/fonts/fjalla.woff') format('woff'), url('http:

问题 Is is possible if I want adding text to image with font from google webfonts? using PHP image GD 回答1: You will need the font as a ttf / otf in order to do that. There is no other way unfortunatelly - or better said, anything else you would try would be way overcomplicated for the result, don't even think about it. Later edit You said you can download the ttf files, so all you need is: http://php.net/manual/en/function.imagettftext.php 来源： https://stackoverflow.com/questions/6132794/add-text

问题 With CSS, if you specify font-family: monospace; , my understanding is that the browser chooses its default/preferred monospaced font. If that's correct, how can you determine which monospaced font your browser is using? 回答1: There are 5 generic families that can be used: "serif", "sans-serif", "cursive", "fantasy", and "monospace". When a browser sees one of those, it asks the operating system for the default font in that family. Thus, which font a web browser uses is OS-dependent. See

问题 I have some web applications that follow metro style of the Microsoft (ie.: new outlook). But I'm having troubles with the fonts that I used. The default font is "Segoe" family, when an user enter in the application in a system that have the desktop font Segoe UI, everything is alright. But in some cases users are using Mac or Ubuntu that don't come with the "Segoe UI" and the navigator uses the secundary font (in my case, Tahoma). In the new Outlook don't matter what OS you are using, it

问题 I have an android game that uses the Raleway font from google fonts, and in the game it looks nice. I want to use that font on the website as well, but the font doesn't display the same. In the game I use Raleway-Thin , and that is the same one I want to use on the website. The issue that I am having is that the thin font isn't as thin as in the game. @import url(http://fonts.googleapis.com/css?family=Raleway:500,600,700,100,800,900,400,200,300); body{ font-family: 'Raleway', sans-serif; } h1

问题 We're experiencing a weird problem with font icons. First couple of visit they load beautifully, but after a period of idle (usually around 24 hours) on subsequent visits they are replaced by squares. In Chrome, Firefox and even IE it works without problems. When the problem is there I can see the CSS with the embedded font in the inspector but the font does not render. The CSS is cached and it feels like the font is evicted from the cache but never loaded again. We have tried different ways

问题 We're experiencing a weird problem with font icons. First couple of visit they load beautifully, but after a period of idle (usually around 24 hours) on subsequent visits they are replaced by squares. In Chrome, Firefox and even IE it works without problems. When the problem is there I can see the CSS with the embedded font in the inspector but the font does not render. The CSS is cached and it feels like the font is evicted from the cache but never loaded again. We have tried different ways

问题 I am using the Google font 'Lato' and I am having problems with having title and text align properly to the left... The font (when large) appears to have a kern space on the first letter and wont align left without space!? So here also a fiddle: <h1>Hello</h1> <p>Hello, this is sentance</p> FIDDLE Also, adding a negative value on the margin-left (magin-left:-10px) just seems like a terrible workaround... and this would not work overall for different font-sizes, unless individually adjusted as

问题 How i fix this? First "D" is rendered on Chrome 31.0.1650.63 m and second is rendered on IE11. Update: adding -webkit-font-smoothing: antialiased; the problem remains... It could be a problem with the video card? Update 2: css font code: @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/font1.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src:

问题 First I know there are similar questions to mine, and I do tried Font Squirrel Generator for tons of Arabic fonts, all of them render text in English correctly but none of them worked with Arabic letters!! so is there a desktop tool (since all web apps is not working) than can convert Arabic fonts without breaking them ?? I have purchased an Arabic font, and I just want to convert it so I can use it on the web, and I did not like the idea to pay subscriptions to some fancy websites like fonts