CSS3 網頁字型說明：CSS3 Web Fonts
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<style> @font-face { font-family: 'Glyphicons Halflings'; src: url('/fonts/glyphicons-halflings-regular.eot'); src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -moz-osx-font-smoothing: grayscale; } .glyphicon-plus:before { content: "\2b"; } </style> <span class="glyphicon glyphicon-plus"></span> |
最終呈現
更多的網頁字型下載： 10 Super Useful Free Icon Font Sets | Freebies
自己的 TureType 字型轉換
可以到 Font2Web - Your Online Font Converter Converting .ttf and .otf to .woff, .eot and.svg 這裡轉換
--
811 total views, 1 views today