Če ste oblikovalec ali webmaster, boste verjetno vedeli, kako povezati CSS pisave. Če ste lastnik majhnega spletnega dnevnika in se odločite, da boste okrasili svoj vir in ga naredili edinstvenim, vam bo to znanje pomagalo. Vendar je bolje začeti od začetka, razumeti, kaj so kaskadni slogovni listi, kje dobiti pisave in kam jih namestiti.
Opis
Torej, odgovor na to, kako pripeti pisavo CSS na spletno mesto, se mora začeti z opisom neposredno formalnega jezika. CSS je kaskadni slog. Ta jezik se uporablja kot opis videza dokumenta. Deluje pri povezovanju z označevalnim jezikom.
CSS si prizadeva za prikaz vizualnih značilnosti strani na internetu. Slednje je treba ustvariti na podlagi posebnih označevalnih jezikov HTML ali XHTML.
Uporaba
Kdo potrebuje CSS? Povežite pisave, nastavite barve, postavite bloke in več za spletne skrbnike, programerje, ki delajo na ustvarjanju strani. Glavna naloga kaskadnih listov slogov je vizualno razdeliti strukturiranje. To pomeni, da če HTML oblikuje trden blok besedila, CSS pomaga pogojno "okrasiti" ta blok, označiti elemente in dodeliti možnosti. Ločitev zagotavlja dokument z dostopnostjo, večjo prilagodljivostjo in nadzorom. Omogoča vam, da se znebite kompleksnih in ponavljajočih se vsebinskih elementov.
Povezovanje
Pred razumevanjem, kako pravilno pritrditi pisave na CSS, morate ugotoviti, kako Cascading Style Sheetssinhronizirate z datoteko. Pravila se izvajajo v istem jeziku. Slog sloga je dobil pravila CSS, ki jih uporablja. Tabele lahko najdete v vizualno urejenem dokumentu in v ločeni datoteki s pripono .css. V tej datoteki so navadno le ukazi in opombe.
Jasno je, da je slog mogoče povezati z več metodami. Poglejmo jih še naprej.
Metode
Obstajajo štiri možnosti, ki lahko pomagajo povezati pisave, CSS, dodeliti odtenek, določiti bloke, itd. Toda ta zasnova ne mara veliko oblikovalcev. To je posledica dejstva, da je težko najti parametre v celotnem platnu ekip in vse to narediti. Slogi je veliko lažje dodeliti ločenemu dokumentu. Če sta CSS locirana ločeno, sta povezana preko oznake. Treba ga je postaviti znotraj in. V tej oznaki morate podati atribut href, ki bo prikazal naslov v datoteki CSS. Če se ekipe ponovno zberejo z ločeno datoteko, jih bomo povezali s spletnim dokumentom preko ukaza @import. Pisati je treba med oznakami. Takoj po. Četrta metoda vključuje postavitev pravil na podlagi ene od oznak, skozi atribut slog. Nato bodo pravila vplivala na ločen parameter, ki je znotraj določenega besedila.
Prvi dve metodi sta zaznamovali nastanek zunanjih slogovnih slogov, drugi pa notranji.
Pisave
Zakaj se pisave običajno uporabljajo? Seveda, vsilastnik spletnega mesta želi, da vir ni le lep, ampak tudi edinstven. Na straneh bi želel postaviti posebne postavke, ki bi jih lahko razdelili med vse. Pogosto boste opazili tudi glave menijev ali nestandardne črkovanje. O tem je veliko vprašanj. Morda so spletni skrbniki uporabili sliko, ki je bila prikazana v Photoshopu. Morda je ta različica prišla s Flashom. Obstaja različica, ki uporablja javascript. Toda praksa kaže, da je prva možnost neprijetna in počasna, druga je zastarela, tretja pa je preveč zamrznjena. Če želite ustvariti nekaj novega in lepega, lahko poskusite povezati CSS pisave.
Lastnosti
Treba je razumeti, da v našem primeru pisave niso le določen slog, ampak tudi niz lastnosti, ki so potrebne za nadzor videza besedila. Obstaja več možnosti za uporabo. Dodelite določeno pisavo za glavo, odstavek, citat, glavno besedilo, meni itd.
Kljub dejstvu, da je uporabniku na voljo veliko število pisav, velikosti, saturacij itd., Je pomembno, da ne pozabimo na berljivost. Najbolje je, da se izognete velikemu naboru različnih stilov. Na strani bo dovolj dveh pisav.
Družine
Da bi lahko izbirali sloge pisav, uporabite družino pisav. To je zelo težko razumeti jasno, ali bralec vašega vira ima določeno pisavo, je bolje, da napišete vse enake vrste možnosti. V tem primeru bo brskalnik med njimi izbral tistega, ki ga boste našli v sistemu uporabnika. V zbirki so številne vrednosti. Na primer družinsko imepredstavljeno z imenom družine pisav. Vrednost generične družine določa pet prvih družin pisav. Družina slog pisave je odgovorna za izbiro modela. Ta slog je podedovan kot prejšnji. Med vrednostmi sta navadna ali nagnjena pisava in ležeča pisava. Različica slog sloga je odgovorna za majhne velike črke. Za nasičenost, uporabite font-weight, itd. Velikost pisave in barva sta lahko dodeljeni.
Nestandardna rešitev
Poleg standardnih pisav se lahko uporabljajo tudi nestandardne raztopine. Običajno so bolj edinstvene in jih najverjetneje ne boste opazili na spletnih mestih konkurentov. Za to ni potrebno uporabljati slik, javascripta in flash. Zadostuje, da uporabite pravilo @ font-face. Uporabniku omogoča prenos zunanje datoteke v dokument. Ta metoda vam omogoča, da priložite pisavo CSS OTF in TTF. To so posebni formati, ki dobro delujejo za podobne naloge. Do težav lahko pride samo z brskalnikom Internet Explorer. Kljub dejstvu, da je začel uporabljati pisave tretjih oseb že leta 1997, zdaj postavlja ostre zahteve. Veliko dela, da pokvari vaše delo. Pogosto lahko stisne datoteko s pisavo, včasih jo lahko šifrira. Zato so vse vrste kaki.
Oblike
Obstaja več formatov pisav, ki jih morate poznati. V nasprotnem primeru boste naleteli na vrsto nedoslednosti in nezdružljivosti. Lahko povežete pisavo CSS TTF. To obliko zdaj podpirajo vsi brskalniki. Izjema je lahko Internet Explorer 8 in nižja, pa tudi Opera Mini 5.0-8.0.
Z EOT lahkodelo samo IE Situacija z WOFF je enaka kot pri TTF. Toda SVG deluje v brskalnikih Chrome do različice 37, kot tudi Safari, iOS Safari, Mozilla. Kot kaže praksa, je najbolje uporabiti TTF. To je najbolj vsestranska možnost, ki redko povzroča težave. To je najpogostejša.
Pravilo
Torej, za povezavo pisave enega od zgornjih formatov, je dovolj, da uporabite pravilo @ font-face, o katerem smo govorili prej. Če želite biti jasni, morate iti skozi določen algoritem. Imate datoteko font.ttf. Če ga želite uporabiti za glavno besedilo, morate datoteko najprej kopirati v mapo, kjer so vse datoteke na spletnem mestu. Če želite uporabiti več kot eno pisavo, lahko tukaj ustvarite posebno mapo, da jih prenesete. To vam bo veliko lažje najti in spremeniti vsebino takšne mape. Zdaj morate zagotoviti, da je sam brskalnik prenesel našo pisavo. Da bi to naredil, mu pokažite. Uporabljamo direktivo @ font-face. Ukaz bo izgledal takole: @ font-face {družina pisav: MyUniqueFont; src: url ('fonts /font.ttf'); } Ukaz za družino pisav je odgovoren za to, da mu ime pisave in potem, ko ga lahko uporabite v slogovni listi. Druga vrstica vsebuje navedbo poti, ki jo mora brskalnik poiskati in povezati. To ni univerzalni naslov. Odvisno od tega, kje ste postavili datoteko v pisavo, bo ta pot tudi drugačna. Na ta način boste izvedeli, kako povezati pisavo CSS iz mape.
Povezava
Če ne veste, kako povezati več pisav CSS, je v tem računu tudi priročnik. Ona jevam omogoča, da določite več datotek hkrati. Lahko jih na primer povežete z ducatom. Za to morate uporabiti zgoraj omenjeno pravilo @ font-face. Kot primer, kako ste prej povezali datoteko iz mape, tako kot nova vrstica, podajte povezavo do drugih nastavitev pisav. Če imate spletno mesto, zgrajeno na WordPress, je povezovanje stilov še lažje. Ko morate zamenjati fontno glavo, pojdite na skrbniško ploščo. Tam boste našli "Možnosti teme". V razdelku »Tiskarna« bo na voljo celoten seznam različnih variant. Samo morate izbrati in shraniti spremembe.
Druge možnosti
Zelo pogosto pisave pisave uporabljajo Google Pisave. To je priljubljeno orodje za izbiro in povezovanje slogov. Obstaja veliko število pisav. Če jih želite povezati, pojdite na uradno spletno mesto. Pred vami se bo pojavil seznam primerov in priložnost za eksperiment. Ko dodate želeni slog, ne pozabite izbrati cirilice, če je vaš vir v ruskem jeziku. Nato lahko takoj izberete velikost, risbo ali izberete več možnosti za vse priložnosti.
Po tem boste imeli končano kodo, ki jo želite namestiti. V tem primeru deluje tudi pravilo dodajanja metod. Če je na primer slogovna datoteka ločen dokument, pošljemo ukaz v prvo vrstico. Če se slogovna datoteka nahaja neposredno v datoteki HTML, jo morate dodati telesu oznake.
Sklepi
Dodajte nove pisave na vaše spletno mestoenostavno je. Pomembno je, da takoj določite metode in možnosti. Glede na sistem, na katerem se nahaja vaše spletno mesto, morate razmisliti o teh korakih. Če imate pisni vir, je v tem primeru nekaj možnosti. Če, na primer, WordPress, potem je ta operacija veliko lažje, kot se zdi.