Tweet
Tweet

Slide 1

Slide 1 text

7BSJBCMF'POUΛ࢖ͬͯΈͨ

Slide 2

Slide 2 text

7BSJBCMF'POU ɾ"EPCFɺ"QQMFɺ(PPHMFɺ.JDSPTPGU͕ ɹ೥݄ʹൃද ɾ7BSJBCMFʢՄมతͳʣϑΥϯτ ɹͭͷϑΥϯτϑΝΠϧ͔Βଠ͞΍෯ɺߴ͞ɺ ɹͦͷଞಠࣗͷϓϩύςΟΛ࿈ଓతʹมߋͰ͖Δ ɾ͍࣋ͬͯΔ৘ใ͸ϑΥϯτʹΑͬͯҧ͏

Slide 3

Slide 3 text

࿈ଓతͱ͸ʁ @font-face { font-family: 'Roboto Regular'; src: url('../fonts/Roboto-Regular.ttf') format('truetype'); } @font-face { font-family: 'Roboto Bold'; src: url('../fonts/Roboto-Bold.ttf') format('truetype'); } ݱঢ়͸ಉ͡ϑΥϯτͰ΋ଠ͕͞ҧ͑͹ ͦΕͧΕಡΈࠐΉඞཁ͕͋Δ

Slide 4

Slide 4 text

࿈ଓతͱ͸ʁ .regular { font-size: 48px; font-family: 'Roboto Regular', sans-serif; } .bold { font-size: 48px; font-family: 'Roboto Bold', sans-serif; } ͦͯ͠ଠ͞ʹΑͬͯࢦఆ͢Δ

Slide 5

Slide 5 text

࿈ଓతͱ͸ʁ @font-face { font-family: 'Roboto Flex'; src: url('../fonts/RobotoFlex[slnt,wdth,wght,opsz].ttf') format('truetype-variations'); font-weight: 100 1000; font-stretch: 25% 151%; } όϦΞϒϧϑΥϯτ͸ҰͭͷϑΝΠϧʹ ଠ͞ͳͲͷ৘ใ͕શؚͯ·Ε͍ͯΔ

Slide 6

Slide 6 text

࿈ଓతͱ͸ʁ .variable-robot { font-size: 48px; font-family: 'Roboto Flex', sans-serif; font-variation-settings: 'wght' 400, 'wdth' 90, 'GRAD' 1; } ͦͷͨΊ$44Ͱ஋Λࢦఆͯ͠ ଠ͞΍ͦͷଞϑΥϯτ͕࣋ͭ৘ใΛ਺஋ͳͲͰมߋͰ͖Δ

Slide 7

Slide 7 text

࣮ࡍʹ࢖ͬͯΈͨ

Slide 8

Slide 8 text

ϒϥ΢βঢ়گ *&͓·͑ϚδͰʜ

Slide 9

Slide 9 text

(PPHMF'POUT ೥݄ʹߜΓࠐΈͷνΣοΫϘοΫε͕௥Ճ͞ΕͨΒ͍͠

Slide 10

Slide 10 text

"OJDPOT

Slide 11

Slide 11 text

7BSJBCMF'POUͲ͏ͳͷ ɾಡΈࠐΉϑΥϯτϑΝΠϧҰͭʹͳΔ ɾϑΥϯτͷΞχϝʔγϣϯ౳දݱͷ෯͕޿͕Δ ɾϞϦαϫ͕࿨จͷ։ൃΛͯ͠ΔΒ͍͠ ɾීٴ͸·ͩ·ͩઌʜʁ

Slide 12

Slide 12 text

৽͍ٕ͠ज़ʹ৮ΕΔͷ͸ ָ͍͠ͷͰ΍ͬͯΈΑ͏

Slide 13

Slide 13 text

͓ΘΓ