icon-fonts | 易学教程

Icon Fonts: How do they work?

阅读更多关于 Icon Fonts: How do they work?

问题 I understand that icon fonts are just fonts and that you can get the icons by just calling their classname, but how do icon fonts work? I've tried checking the related icon font resources loaded in Chrome to see how icon fonts display icons (in comparison to general fonts) but I haven't been able to figure out how this happens. I've also been unsuccessful in finding resources on how this "icon font technique" is done, even though there are loads of icon fonts available. There are also loads

Create webfont with Unicode Supplementary Multilingual Plane symbols

阅读更多关于 Create webfont with Unicode Supplementary Multilingual Plane symbols

I did a proof-of-concept online implementation of a traditional card game. To avoid having to actually draw pictures of the cards I used the corresponding Unicode characters (eg. U+1F0A1 🂡). While this works great on a modern Linux desktop (where DejaVu Sans is used to display these characters), other operating systems (for example Windows or Android) seem to lack a font that can display the characters. An easy solution would be to load DejaVu Sans via @font-face . To avoid having to download all of DejaVu Sans, I'd like to create a font that contains only the relevant code points. In

Using Icon Fonts as Markers in Google Maps V3

阅读更多关于 Using Icon Fonts as Markers in Google Maps V3

问题 I was wondering whether it is possible to use icon font icons (e.g. Font Awesome) as markers in Google Maps V3 to replace the default marker. To show/insert them in a HTML or PHP document the code for the marker would be: <i class=\"icon-map-marker\"></i> 回答1: Here's my attempt at the same thing (using "markerwithlabel" utility library) before I realised Nathan did the same more elegantly above: http://jsfiddle.net/f3xchecf/ function initialize() { var myLatLng = new google.maps.LatLng( 50,

Create webfont with Unicode Supplementary Multilingual Plane symbols

阅读更多关于 Create webfont with Unicode Supplementary Multilingual Plane symbols

问题 I did a proof-of-concept online implementation of a traditional card game. To avoid having to actually draw pictures of the cards I used the corresponding Unicode characters (eg. U+1F0A1 🂡). While this works great on a modern Linux desktop (where DejaVu Sans is used to display these characters), other operating systems (for example Windows or Android) seem to lack a font that can display the characters. An easy solution would be to load DejaVu Sans via @font-face . To avoid having to download