Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
baozi
Search
alanerzhao
June 24, 2015
Programming
0
55
baozi
web font web font icon csse
alanerzhao
June 24, 2015
Tweet
Share
More Decks by alanerzhao
See All by alanerzhao
BrowserSync
alanerzhao
0
150
Other Decks in Programming
See All in Programming
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
140
CREってこういうこと? 体験入社 - 提案資料 - / what-is-cre-trial-employment
shinden
1
490
Micro Frontends for Java Microservices - Utah JUG 2024
mraible
PRO
1
100
Goのmultiple errorsについて (2024年4月版)
syumai
4
1.1k
新宿ダンジョンを可視化してみた
satoshi7190
3
370
Going beyond Apache Parquet's default settings
xhochy
0
120
Milestoner
bkuhlmann
1
410
Git Lint
bkuhlmann
4
760
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
200
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
1
1.3k
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
400
#phpcon_odawara オープン・クローズドなテストフィクスチャを求めて / open closed test fixtures
77web
3
240
Featured
See All Featured
WebSockets: Embracing the real-time Web
robhawkes
59
7k
Testing 201, or: Great Expectations
jmmastey
29
6.4k
Music & Morning Musume
bryan
41
5.6k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
6
3.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.7k
Six Lessons from altMBA
skipperchong
22
3k
Practical Orchestrator
shlominoach
183
9.7k
The Language of Interfaces
destraynor
151
23k
Designing with Data
zakiwarfel
96
4.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
Transcript
Web Font 初步体验
簡介 8FC'POUඌิ܂ਔᄝຩ်Ⴈห൹ሳุ֥ॖିđՖطх૧Ⴈோ֥ٚمb֥ ൌགྷٚم൞๙ݖ$44֥!GPOUGBDFႄೆሳุb ᄝ!GPOUGBDFຩሳุඌᆭభđᛍফఖཁൕຩ်ഈ໓ሳႨ֥ሳุᆺିཋᇅᄝ ଷၘࣜνል֥ࠫॻሳุb ૄ۱ದ֥ଷνል֥ሳุ൞ၹದطၳ֥b!GPOUGBDF֥ቔႨ൞Ֆຩഈ༯ᄛѩ Ⴈሱקၬሳุđ်૫ཁൕሳุ҂၇ঠႨ֥Ҡቔ༢ሳุߌb
操作系統預裝字體 ⿊黑体:SimHei 宋体:SimSun 新宋体:NSimSun 仿宋:FangSong 楷体:KaiTi 仿宋GB2312:FangSongGB2312 楷体GB2312:KaiTiGB2312 微软雅⿊黑:Microsoft YaHei
......... 冬⻘青⿊黑体: Hiragino Sans GB (SNOW LEOPARD开始提供) 华⽂文细⿊黑:STHeiti Light (⼜又名STXihei) 华⽂文⿊黑体:STHeiti 华⽂文楷体:STKaiti 华⽂文宋体:STSong 华⽂文仿宋:STFangsong .......... Windows操作系统: OS X操作系统:
None
None
語法規則 @font-face { font-family: <YourWebFontName>; src: local <source> [<format>][,<source> [<format>]]*;
[font-weight: <weight>]; [font-style: <style>]; }
None
None
None
應⽤用場景 CSS3 icon font 字体图标⽣生成 晓凯icon的⽅方案
None
問題 ᇅቔაົӮЧޓۚb్َ෫aۚౢൡَ෫aކѩ࿒е۷َ෫đު௹ ྩڿ۷ࡆَ෫b Ⴈุဒҵb֝ᇁຩ်҂ᆦӻ࿊ᇏaگᇅaෆ෬aيၲa൏ਈ෪٢đ္߶႕ཙ ൪ᅰႨႨఖҠቔຩ်b ջট۷؟ջॺཨݻb֝ԛ֥ோุࠒෛሢ໓Ч૫ࠒᄹࡆđሳྙمᇗگ০Ⴈđ ᆃཨݻሢնਈ֥ڛༀఖሧჷ
應⽤用場景 font face 中⽂文字体
None
⼀一⾏行命令,整個⼈人都好了!
None
其他 淘宝 font:12px/1.5 tahoma,arial,'Hiragino Sans GB’,'\5b8b\4f53',sans-serif 美团 font:400 14px/1.5 "Hiragino
Sans GB","WenQuanYi Micro Hei”,tahoma,sans- serif 去哪⼉儿 font:normal 12px/1.5 arial,sans-serif,'Hiragino Sans GB',\5b8b\4f53 為什麼要這麼寫?
http://font.baidu.com/editor/ http://www.qianduan.net/css3-icon-font-guide/ http://font-spider.org/ http://www.dafont.com/ http://fortawesome.github.io/Font-Awesome/ https://icomoon.io/#home http://www.qianduan.net/zai-shuo-iconfont-he-font-face/ http://www.cnblogs.com/hustskyking/p/manufacture-font-face-in-web.html http://www.fontsquirrel.com/tools/webfont-generator https://ruby-china.org/topics/14005?page=1
Link:
End.