Więc ten film ma zamiar skupić się na czcionek w sukces i oczywiście zabawę i zbieranie czcionek dla strony internetowej jest naprawdę bardzo ważne.
Ale mamy też zamiar pokryć wiele innych właściwości, które są związane z czcionkami i tekst.
A to są czcionki rodziny wysokość linii masa rozmiar czcionki tekstu linia i tekst dekoracji.
Więc w tym filmie mamy zamiar zatrzymać się i obejmować wszystkie z nich.
A pierwszą rzeczą, mamy zamiar zrobić, to nasze proste teksty, które mamy zamiar stylu.
Więc mam proste Funk, która jest Jim M-file i mam zamiar iść do przodu i włożyć w ustach.
Więc jestem po prostu zamiar zrobić H-1, dzięki czemu możemy zobaczyć nagłówek i styl.
A potem niektóre akapity.
Więc jestem po prostu zadzwonić stronę demonstracyjną tej czcionki, a potem następną rzeczą, zamiast po prostu wpisując jakieś losowe słowa lub jakąś jibberish takiego, które w rzeczywistości naprawdę nie odzwierciedla tego, co język angielski wygląda na stronie.
Zamierzam użyć generator Lorem Epsom.
Więc dla tych z Was, którzy nie wiedzą, generatory Lorem Ipsum są wykorzystywane do generowania kilka losowo wybranym tekstem, który jest angielskie słowa.
To nic nie znaczy w ogóle, ale to przynajmniej wygląda jak prawdziwe słowa.
Tak to jest tekst zastępczy.
Więc mam to niby zabawny artykuł otwarta z 10 najlepszych i najbardziej zabawne Generator Lorem Ipsum dla projektantów stron internetowych.
A ja po prostu się iść z tym pierwszym jeden boczek ipsum więc mam zamiar wygenerować kilka akapitów tutaj.
Szybki.
Daj mi boczek i widać, że po prostu dać mi jakiś tekst.
Ale to jest prawdziwy tekst, który faktycznie wygląda potencjale wiesz coś będzie trzeba na stronie internetowej.
To nie wygląda jak tylko jibberish takiego.
Więc jest to lepsze reprezentowanie czcionki.
Więc mam zamiar iść do przodu i wklej że.
Mam zamiar zrobić dwa akapity z tego.
W porządku.
I zostawimy go na tym teraz i wrócimy i dodać trochę później.
Załóżmy, wystarczy otworzyć ten się i zobaczyć, co mamy.
OK.
Więc tutaj jest miejsce, które mamy zamiar być stylistyka i pierwszą rzeczą, którą chcemy zrobić, to porozmawiać o tym, jak mamy właściwie tylko przypisać czcionkę do niczego.
I zanim jeszcze możemy zrobić, musimy mówić o tym, co czcionki mamy nawet dla nas dostępne w przeglądarce.
Więc nie ma łatwej odpowiedzi, co do których komputer ma czcionek dostępnych w przeglądarce.
A to dlatego, że są różne na każdej maszynie.
I mam ta strona otworzy tutaj.
Mówi czcionek stos.
To rzeczywiście pokazuje zależności od tego czy jesteś na komputerze Mac lub Windows.
Jaki jest odsetek tych maszyn jest to, że mają daną czcionkę.
I tak to tylko rodzaj standardowych czcionek internetowych, że zobaczymy dużo czasu.
Więc jeśli spojrzymy na jeden jak Helvetica widać, że każdy Mac ma Amerykę, ale niewiele okien zostały zainstalowane.
I tak oto czcionki systemowe, które przychodzą na maszynie.
Więc to nie są tylko czcionki, które można wykorzystać, ale są pewne, że są bezpieczniejsze zakłady.
Więc jeśli chcesz taki, który wiedział, że na pewno będzie działać na każdym komputerze byś wybrał jak Arial czarne lub anteny.
Oczywiście te czcionki choć są dość ograniczone.
Więc mamy zamiar zobaczyć, jak faktycznie to niestandardowych czcionek w dalszej części tego filmu.
Ale teraz niech po prostu wybrać jeden z nich.
Więc chodźmy Ariel Sharon Ariel.
Więc w obsłudze, że będziemy tutaj przypisać do naszych ust.
Więc mamy zamiar udać się do mojego C S, które mam połączonego tutaj.
Styl, że C S a właściwość nazywana jest rodzina czcionek.
Więc mam zamiar wybrać paragrafy i mam zamiar powiedzieć rodziny czcionek Arial tak po prostu.
A gdybym odświeżyć zobaczysz Mam teraz czcionka Arial tutaj.
Jedna krótka notatka mogę również umieścić cudzysłowy wokół tego, który jest całkowicie poprawny.
Czasami będziesz musiał to zrobić, jeśli masz czcionki, która ma wiele na początku.
Nie dlatego, że jest to prawdziwy czcionki, ale czy to musiałbym umieścić w cudzysłowie, bo to nie jest ważna linia CSSA.
OK, więc mogę dać to Aeriel tak i widać mamy Aeriel.
Tak więc istnieją inne czcionki można pobawić się.
Spróbujmy Georgia.
Więc dajmy naszą H-1, podobnie jak Gruzja tym odświeżaniu.
I widać to zmienia czcionkę więc nie rozpaczaj, jeśli jesteś projektantem.
Jedziemy, aby zobaczyć, jak używać dużo więcej czcionek i jak to niestandardowe nich.
Ale teraz jesteśmy po prostu zamiar skupić się na wbudowanych czcionek domyślnych systemu, które są nieco ograniczone.
I nawet wtedy nie ma gwarancji, jak widać nie jest jakaś, że 100 procent maszyn mają więc następnym nieruchomość chcę rozmawiać o to rozmiar czcionki tak czcionki robi rodzaju brzmi jak kontroluje jak duża czcionka jest lub jak małe czcionki dla danego elementu.
Możemy więc wybrać coś i zróbmy to do naszego H-1 i zróbmy każdy z nich o wiele większe.
Więc mamy rozmiar czcionki i istnieją różne jednostki, które możemy wykorzystać.
I pierwsza nazywa pikseli lub szczytów i widzieliśmy go trochę wcześniej z Forder.
Więc będziemy po prostu dać mu coś ogromnego jak 200 fotki i jeśli wrócimy do przeglądarki można sprawdzić, czy mamy tego gigantycznego FUN 200 pikseli, co możemy zrobić na wszelki wypadek.
Jeśli chcesz się bawić z rozmiarów czcionki nie jesteś pewien, jak duży chcesz to mieć.
Możemy zapoznać się z nim, a potem możemy iść tu i możemy kliknąć na ten temat i możemy zmienić ten numer, dzięki czemu możemy go zmienić na 100 lub 60 lub 85 lub co chcemy i możemy bawić się w przeglądarce i po prostu go zobaczyć zmiana odbija się natychmiast.
Więc to jest naprawdę ładne cechą kiedy grasz wokół z rozmiarów czcionek.
Tak jak już wspomniałem, choć nie jest to jedyny sposób na wybranie rozmiaru czcionki.
To nie jedyna jednostka.
Jest inna popularna jednostka zwana iems i E-M jest w zasadzie względnej wielkości czcionki.
Więc mam zamiar iść do przodu i otworzyć MD rozmiar czcionki i stronę i przejdź do sekcji EM i mam zamiar przeczytać tutaj na chwilę wielkość wartości EM jest dynamiczna i EM jest równa wielkość czcionki, która ma zastosowanie do nadrzędnego elementu, o którym mowa.
Więc, co to naprawdę oznacza to mam zamiar pokazać wam krótki przykład.
Jeśli mogę umieścić Chodźmy wewnątrz tutaj pod taśmy stek Zamierzam umieścić element w całej rozpiętości, że rozpiętość robi.
Prawdopodobnie jest to nasz pierwszy raz je zobaczyć.
Czy to tylko sposób na tekście zgrupowanie bez faktycznie czyni różnicę wizualnie tak, że to tylko sposób na rodzaj dokonać element wokół stek taśmy słowem.
Ale gdybym odświeżyć.
Nic się nie zmienia w ogóle.
Dobrze poszukiwanie rozmiaru czcionki, ale nic nie zmienia się tu i gdzie mam ten przedział.
Więc jest to sposób, aby podkreślić lub wyróżnić kilka linii, a następnie zrobić coś do niego.
A my po prostu będzie to dużo większy.
Więc używamy e-M lub używamy jednostek e-M i my, jeśli chcemy, aby ten podwójny rozmiar czcionki niniejszego ustępu po prostu przejść się tutaj.
Warto więc rozciągać, a potem po prostu powiedzieć, rozmiar czcionki 2.0 E-M i tak, że będzie dwukrotnie rozmiar czcionki elementu otaczającego elementu dominującego niniejszym ustępie.
Więc widać, że tutaj, gdybym odświeżyć ten okres jest dwukrotnie rozmiar czcionki o tym.
Ale faktycznie nie wyraźnie powiedzieć to, ile pikseli to zrobić.
To po prostu wiedział, jak wielkie to było, a potem podwoiła się.
Więc to jest dynamiczna, dlatego wiele osób, jak to jest, że jeśli z jakiegoś powodu musiałem zmienić rozmiar czcionki tego byłoby to automatycznie zmieni.
Więc pozwól mi pokazać inny przykład.
Załóżmy zwiększyć rozmiar czcionki akapitu i rozmiaru czcionki zróbmy je 40 pikseli i widać, że ten wciąż pozostaje podwójnie.
Więc wtedy jedno pytanie na temat e-M, która pojawia się dużo, co jest wartość początkowa v, a co jest na najwyższym poziomie.
Ponieważ nie możemy po prostu zachować dziedziczenie z rodzica i że rodzic nie musi być jakieś źródło prawdy.
Musi być jak na elemencie poziomu samej górze, że faktycznie ma rozmiar czcionki i że faktycznie zmienia się w zależności od przeglądarki, która jest trochę frustrujące.
Ale według SDN to zazwyczaj około 16 pikseli, dzięki czemu ma gwarancji, ale jest to zwykle około 16 pikseli.
Więc to, co większość ludzi zrobić, to ustawić rozmiar czcionki na organizm już na samym początku.
Więc coś w tym rozmiarze czcionki ciała.
I dajmy to zróbmy coś naprawdę mały, aby rozpocząć jak 10 pikseli, a następnie musi zmienić lub każdy z nich tak, że jest pięć razy większy niż ciało.
Więc to będzie wyglądać pięć porno E-M, a potem idziemy na naszej ustępie być dwukrotnie większa od ciała.
Więc 2.0 E-M.
A potem wreszcie chcemy, aby nasza rozpiętość być dwukrotnie większa od akapitu.
Więc to też 2.0, bo pamiętam to zagnieżdżona.
Więc zróbmy jakiś tekst poza akapitu, tak jak to, a zobaczysz, że to całkiem małe.
A potem zrobiliśmy to pięć razy większy niż ten.
Zrobiliśmy to dwa razy większy.