ゆるく学ぶWebフォント@フォントお姉さん
by
mari
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
ΏΔֶ͘Ϳ8FCϑΥϯτ CZϑΥϯτ͓࢞͞Μ
Slide 2
Slide 2 text
ࣗݾհ ·Γ ϑΥϯτ͓࢞͞Μ˞ࣗশ ݄ɺେࡕࢢͷ8FC੍࡞ձࣾʹస৬ɻσβΠφʔŋίʔμʔɻ Ұޙɺ8FCܥͷηϛφʔʹࢀՃͨ͠ࡍɺʮϑΥϯτ͓͡͞ΜʯͷଘࡏΛΓ ϑΥϯτʹڵຯΛ࣋ͪ࢝ΊΔɻ ͔ͦ͜ΒϑΥϯτʹؔΘΔษڧձΠϕϯτʹੵۃతʹࢀՃ͢ΔΑ͏ʹͳΓɺ ʮϑΥϯτ͓࢞͞ΜʯΛ໊Γ͡ΊΔɻ
Slide 3
Slide 3 text
8FCϑΥϯτͱʁ
Slide 4
Slide 4 text
8FCϑΥϯτͱʁ Πϯλʔωοτ্ʹ͋ΔϑΥϯτϑΝΠϧΛ ݺͼग़ͯ͠8FCϖʔδʹදࣔ͢Δٕज़ɻ
Slide 5
Slide 5 text
8FCϑΥϯτͱʁ ͜Ε·Ͱ ੍࡞ଆ͕ࢦఆͨ͠ϑΥϯτ͕Ϣʔβʔͷ σόΠεʹೖ͍ͬͯͳ͚ΕผͷϑΥϯτ͕දࣔ͞Ε͍ͯͨɻ body { font-family: 'YuGothic','Hiragino Kaku Gothic ProN’, 'ώϥΪϊ֯ΰ ProN W6’,'ϝΠϦΦ', 'Meiryo','̢̨ ΰγοΫ’,sans-serif; } ͋ ͋ ͋
Slide 6
Slide 6 text
8FCϑΥϯτͱʁ 8FCϑΥϯτͷಋೖʹΑͬͯ ͲͷσόΠεͰ੍࡞ଆ͕ҙਤͨ͠௨ΓͷϑΥϯτͰ දࣔͤ͞Δ͜ͱ͕Ͱ͖ΔΑ͏ʹͳͬͨɻ body { font-family: 'FOT-ͭΊ Std R'; } ͋ ͋ ͋
Slide 7
Slide 7 text
8FCϑΥϯτͷϝϦοτ
Slide 8
Slide 8 text
8FCϑΥϯτͷϝϦοτ ⁞දݱͷ෯͕͕Δɻ ɹˠαΠτͷҹΛ؆୯ʹม͑ΒΕΔɻ ͍͍ͨϑΥϯτΛը૾Խ͠ͳ͍͍ͯ͘ɻ ɹˠमਖ਼ָ͕ɻ ςΩετͳͷͰଟݴޠରԠ͍͢͠ɻ
Slide 9
Slide 9 text
8FCϑΥϯτ༻ࣄྫ
Slide 10
Slide 10 text
8FCϑΥϯτ༻ࣄྫ ৯ύϯ͕ඒຯͦ͠͏ͳ๛தࢢͷΧϑΣ IUUQTDTUFSSBDFDPN ˠ༻ϑΥϯτɿPlayfair Displayʢ(PPHMF'POUTʣ Վࢁͷళ IUUQTXXXBTBJSZPDPN ˠ༻ϑΥϯτɿJosefin Sans / Crimson Text ʢ(PPHMF'POUTʣ ઍ༿ݝӜ҆ࢢͷ͜ͲࣃՊ IUUQTOBOBJSPLPEPNPDPN ˠ༻ϑΥϯτɿBrandon Grotesqueʢ"EPCF'POUTʣ
Slide 11
Slide 11 text
͓͢͢ΊϑΥϯτ
Slide 12
Slide 12 text
͓͢͢ΊϑΥϯτ (PPHMF'POUT ແྉ ͷ͓͢͢ΊԤจϑΥϯτ IUUQTGPOUGSJFOETDPNGPOUTJOEFYIUNM
Slide 13
Slide 13 text
͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ