Oma fontti sivulla. Uusien fonttien asentaminen MS Wordiin Kuinka käyttää asennettuja kirjasimia

Vlad Merževitš

Fontti on olennainen osa web-suunnittelua, antaa sivustolle ilmeisyyttä ja tunnistettavuutta, ilmaisee sivustolle ominaista tyyliä ja liittyy suoraan tekstien havaintoon. Hyvin valittua fonttia ei ehkä huomata, mutta ilman sitä ei tule olemaan kimmoisuutta, joka antaa sivuston suunnittelun täydellisyyden.

Jos tietokoneellesi on jo asennettu tietty kirjasin, lisää vain rivi tyyleihin.

h1 (fonttiperhe: SuperPuperFont; )

Fonttiperhe-ominaisuuden arvo on fontin kirjasintyypin nimi; sitä käytetään kaikissa otsikoissa

. Mutta mitä sivuston vierailijat näkevät, jos upeaa ja harvinaista fonttiamme ei asenneta? Tämä tilanne on todennäköisin, joten jos selain ei tunnista ilmoitettua fonttia, se käyttää oletusfonttia, esimerkiksi Windowsissa tämä on Times New Roman. Kaikki huolellisesti harkittu tyyppisuunnittelumme murenee ja menee pölyksi yhdessä yössä, joten meidän on etsittävä yleisin ratkaisu. Ensimmäisenä heti mieleen tuleva asia on järjestää fonttitiedoston lataaminen käyttäjän tietokoneelle ja tekstin näyttäminen valitulla fontilla. Verrattuna muihin menetelmiin, kuten tekstin näyttämiseen kuvan kautta, tämä menetelmä on yksinkertaisin ja monipuolisin.

Mitä etuja kirjasintiedoston lataaminen ja sen käyttäminen CSS:n kautta lopulta antaa meille?

• Tekstiä on helppo lisätä ja muokata.
• Selaimessa voit käyttää hakua ja löytää haluamasi lauseet.
• Selaimen asetuksissa voit pienentää tai suurentaa fonttikokoa saavuttaaksesi mukavan katselun.
• Hakukoneet Ne indeksoivat asiakirjan sisällön hyvin.
• Tekstiä voidaan valita ja kopioida leikepöydälle sekä kääntää toiselle kielelle.
• Tekstiparametreja, kuten riviväli, väri, koko ja vastaavat, voidaan helposti muuttaa CSS-ominaisuuksien avulla.
• Jälleen CSS:n avulla voit yksinkertaisesti lisätä tekstiin erilaisia ​​tehosteita, kuten varjon.

Kuten näette, etuja on monia. On myös pieniä haittoja ja tasapainon vuoksi ne kannattaa mainita.

• Kaikki selainversiot eivät tue ladattavia kirjasimia ja yksikokoisia formaatteja.
• Kirjasintyylin sisältävä tiedosto voi viedä paljon tilaa, mikä hidastaa verkkosivun latautumista.

Taulukossa 1 luettelee niiden tukemat selainversiot ja fonttimuodot.

Pöytä 1. Tuetut muodot

Muoto	Internet Explorer	Kromi	Ooppera	Safari	Firefox	Android	iOS
TTF	9.0+	4.0+	10.0+	3.1+	3.5+	2.2+
EOT	5.0-8.0
WOFF	9.0+	5.0+			3.6+
SVG		1.0+	9.0+	3.1+	3.5+		1.0+

Eniten tuettu muoto on TTF. Lukuun ottamatta IE:tä versioon 9.0 asti ja iOS:ää, kaikki selaimet ymmärtävät sen täydellisesti. Joten jos fonttisi on tässä muodossa ja kohdistat nykyaikaisiin selaimiin, sinun ei tarvitse tehdä mitään lisätoimia. Riittää, kun kirjoitat seuraavan koodin tyyleinä (esimerkki 1).

Esimerkki 1: TTF-yhteys

HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx

Ensin lataamme itse fonttitiedoston @font-face -säännön avulla. Sen sisään kirjoitamme fontin kirjasintyypin nimen font-family-parametrin kautta ja tiedoston polun src:n kautta. Sitten käytämme fonttia tavalliseen tapaan. Joten jos meidän on asetettava otsikon fontti, asetamme h1-valitsimelle esimerkin mukaisesti font-family-ominaisuuden ladatun fontin nimellä. IE:n vanhemmille versioille luetellaan varavaihtoehdot pilkuilla erotettuina. Tässä tapauksessa otsikon fontti on "Comic Sans MS", koska IE8 ja sitä vanhemmat eivät tue TTF-muotoa.

Tämän esimerkin tulos on esitetty kuvassa. 1.

Riisi. 1. Otsikko ladatulla fontilla

Mitä tehdä, jos tarvitset kipeästi kirkkaan fontin IE8:ssa? Onneksi @font-face mahdollistaa useiden eri muotoisten kirjasintiedostojen sisällyttämisen samanaikaisesti. Selaimen on vain valittava sopiva. Siten universaali ratkaisu, joka toimii kaikissa selaimissa, on olemassa olemassa olevan TTF-muodon muuntaminen EOT:ksi ja sitten molempien tiedostojen yhdistäminen.

Muunnosta varten on olemassa useita online-palveluita, joiden avulla voit ladata TTF-tiedoston ja vastaanottaa EOT-tiedoston tulosteena. Valitettavasti useimmilla näistä palveluista on sama ongelma - saamme tiedoston, mutta venäjän kieltä ei tueta. Tämän seurauksena haluttua tulosta ei saavuteta, muunnos tapahtuu väärin. Tarkistamistani sivustoista oli yksi, joka näytti tekstin oikein IE:ssä.

Menemme tälle sivustolle, lataamme TTF-tiedoston ja napsautamme "Muunna TTF EOT:ksi" -painiketta, minkä jälkeen tallennamme tuloksena olevan tiedoston kansioon fonteilla. Tyylien osalta jää tehdä pieni temppu ja voima eri selaimet lataa fontti vaaditussa muodossa. Tätä varten lisäämme kaksi src-parametria. Ensimmäinen osoittaa EOT-tiedostoon ja on tarkoitettu vanhemmille IE-versioille. Toisen src-parametrin tulee sisältää kaksi pilkuilla erotettua osoitetta, joista toinen osoittaa TTF-tiedostoon. Tosiasia on, että IE-versiot 8.0 ja aiemmat eivät ymmärrä src-parametrin pilkkua ja vastaavasti jättävät huomioimatta koko parametrin. Kirjoitusvaihtoehtoja voi olla useita, esimerkiksi toistaa url, määrittää fontin nimi paikallisessa parametrissa tai jopa kirjoittaa olematon fontti. Jos selain ei voi ladata tällaista fonttia, se siirtyy luettelon toiseen fonttiin, ja se on kirjoitettu oikein. Hyväksytyt kirjoitustavat.

src: url(fontit/pompadur.ttf), url(fontit/pompadur.ttf);
src: paikallinen(pompadur), url(fontit/pompadur.ttf);
src: local("bla bla"), url(fontit/pompadur.ttf);

Toimiva vaihtoehto fontin liittämiseksi kaikille selainversioille on esitetty esimerkissä 2.

Esimerkki 2: EOT-liitäntä

HTML5 CSS3 IE Cr Op Sa Fx

Nykyaikainen osa poliittista prosessia

Itse asiassa Montesquieun poliittiset opetukset tuovat esiin mannereurooppalaista poliittista kulttuuria, joka heijastui Michelsin teoksiin.

Mitä tulee iOS:iin, minusta ei ole mitään järkeä tehdä ja ladata erillistä fonttia SVG-muodossa. iOS:n kautta katselevien sivustojen yleisö on vielä pieni, ja lisäksi sivuston versio on tarkoitettu mobiililaitteet He yrittävät tehdä siitä helpompaa, eikä muutaman kymmenen kilotavun lisääminen ole suositeltavaa.

Googlen verkkofontit

Kätevä palvelu, joka huolehtii eri kirjasinmuotojen ja selainversioiden tuen rutiinista, löytyy osoitteesta www.google.com/webfonts. Vaikka kokoelmassa on suhteellisen vähän erilaisia ​​fontteja (niitä on useita kymmeniä), ne on kaikki valittu erittäin laadukkaiksi ja ovat ilmaisia ​​käytettäväksi verkkosivuilla.

Ennen kuin valitset fontin, vaihda Script-arvoksi kyrillinen, jolloin näet luettelon venäjän kieltä tukevista fonteista (kuva 2).

Riisi. 2. Kirjasinten valitseminen Google Web Fontsista

Haluamasi kirjasin on ensin lisättävä kokoelmaan napsauttamalla "Lisää kokoelmaan" -painiketta ja sitten "Käytä" -painiketta näytön oikeassa alakulmassa. Seuraavalla sivulla (kuva 3) voit lopulta valita tarvitsemasi fontit. Samanaikaisesti sinun on ymmärrettävä, että kirjasintyyppi voi sisältää useita tyylejä ja jokainen niistä lisää ladattujen tiedostojen määrää.

Riisi. 3. Sivulle ladatut fontit

Voit yhdistää valitut kirjasimet jollakin kolmesta eri tavalla; lisätyn koodin voi kopioida sivun alle.

1. Elementin kautta . Linja näyttää suunnilleen tältä.

2. @import-säännön kautta. Lisäämme tämän rivin CSS-tiedostoomme aivan yläreunassa.

@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);

3. JavaScriptin kautta.

Periaatteessa kaikki polut ovat samanlaisia, joten valitse mieltymystesi mukaan.

Tämän palvelun käytön edut ovat seuraavat.

• Fontit ovat ilmaisia ​​käyttää, sinun ei tarvitse maksaa niistä.
• Tarjotut fontit on "teroitettu" katselua varten näytöllä, tiedostot on optimoitu ja vievät suhteellisen pienen määrän.
• Selain tunnistetaan automaattisesti ja sille tarjotaan vaaditussa muodossa oleva fontti.

Yksi palvelun tärkeimmistä eduista on se, että fontit tallennetaan TTF-, EOT-, WOFF-, SVG-muotoon ja ladataan selaimen tarkistamisen jälkeen. Näin ollen EOT-muoto on saatavilla vain vanhemmille IE:n versioille.

Voit päättää, käytätkö Google Web Fontsia vai et. Jos et löydä sieltä sopivaa fonttia, voit aina liittää suositun ja laajalle levinneen TTF:n. Lisäksi sitä tukevat kaikkien suosittujen selainten uusimmat versiot.

Sivuja asetettaessa joudut aika ajoin käsittelemään epätyypillisiä fontteja. Tietenkään sinun ei pitäisi käyttää niitä sivuston pääelementteinä, mutta useissa yksittäisissä elementeissä, esimerkiksi otsikossa, se on täysin mahdollista. Näiden fonttien ongelmana on, että se ei yksinkertaisesti ole käyttäjän tietokoneessa, mikä johtaa siihen, että vastaava teksti näytetään tavallisella kirjasimella, minkä seurauksena suunniteltu muotoilu pilaantuu. Tämä ongelma voidaan ratkaista hyvin yksinkertaisesti: kaikki ei-standardi fontti leikataan yksinkertaisesti kuvana. Kuitenkin on myös toinen tapa käyttää mukautettua kirjasinta verkkosivustolla.

Anna minun kirjoittaa CSS-koodi, ja sitten selitän sen:

@font-face (
font-family: SpecialFont;
src: url("font/specialfont.ttf");
}
p(
font-family: SpecialFont;
}

Tämän seurauksena tunnisteisiin

fonttia käytetään SpecialFont. Mielestäni koodi on melko läpinäkyvä, mutta selitän silti. Sinun on hankittava fontti ja ladattava se verkkosivustollesi, esimerkiksi kansioon fontti. Seuraavaksi sisään CSS-koodi rekisteröidy sisään @font-face sen nimi ja polku siihen, ja sitten voit käyttää sitä.

Mutta ei ole syytä, että useimmissa tapauksissa he käyttävät kuvia epästandardien kirjasimien näyttämiseen. Käytössä @font-face on 2 haittapuolia:

1. On olemassa erittäin suuria fontteja, jotka painavat satoja kilotavuja, ja tämä lisää huomattavasti sivun latausaikaa.
2. Toinen miinus on vielä vakavampi. Kaikki selaimet eivät tue tätä ominaisuutta Lisäksi jotkut selaimet vaativat kirjasimen eri muodossa (ei ttf). Näin ollen jotkut ihmiset eivät silti näe kirjasintasi. Tämän ongelman ratkaisemiseksi sinun on ladattava sama fontti eri muodoissa, mikä lisää huomattavasti ensimmäistä haittaa.

Mutta on syytä huomata, että ensimmäinen miinus ei ole enää yhtä tärkeä kuin ennen. Koska Internet-yhteyden nopeudet kasvavat erittäin nopeasti, ja harvat ihmiset välittävät ylimääräisistä 100-200 kt.

Toinen miinus ei myöskään ole niin tärkeä. Ainoat enemmän tai vähemmän suositut selaimet, jotka eivät ymmärrä tätä koodia, ovat IE8 ja vanhempi, plus iOS. Kaikki muut nykyaikaiset selaimet ymmärtävät tämän koodin ilman ongelmia.

Ottaen huomioon IE8 on edelleen suhteellisen suosittu, niin minä henkilökohtaisesti vetäydyn toistaiseksi ei-standardit fontit ovat edelleen saatavilla kuvina, mutta toivon todella, että lähitulevaisuudessa tästä selaimesta tulee historiaa ja sitten sitä voidaan käyttää @font-face- ja ttf-kirjasimet.

P.S. Onnittelut kaikille naisille kevätloman johdosta!

SISÄÄN uusimmat versiot tekstieditori Microsoft Word Sisäänrakennettuja fontteja on melko suuri joukko. Suurin osa niistä koostuu odotetusti kirjaimista, mutta osa käyttää erilaisia ​​symboleja ja merkkejä kirjainten sijasta, mikä on myös erittäin kätevää ja tarpeellista monissa tilanteissa.

Ja silti, riippumatta siitä, kuinka monta sisäänrakennettua fonttia MS Wordissa on, vakiosarja ei aina riitä ohjelman aktiivisille käyttäjille, varsinkin jos haluat jotain todella epätavallista. Ei ole yllättävää, että Internetistä löydät monia fontteja tälle kolmannen osapuolen kehittäjien luomalle tekstieditorille. Siksi tässä artikkelissa puhumme fontin lisäämisestä Wordiin.

Tärkeä varoitus: Lataa fontteja, kuten kaikki muutkin ohjelmistot, vain luotettavilta sivustoilta, koska monet niistä voivat sisältää viruksia ja muita haittaohjelmia. Älä unohda omaa turvallisuuttasi ja henkilötietojesi turvallisuutta, älä lataa asennuksessa toimitettuja fontteja EXE-tiedostoja, koska itse asiassa ne jaetaan arkistoissa, jotka sisältävät tiedostoja Windows-käyttöjärjestelmän tukemissa OTF- tai TTF-muodoissa.

Tässä on luettelo turvallisista resursseista, joista voit ladata kirjasimia MS Wordille ja muille yhteensopiville ohjelmille:

Huomaa, että kaikki yllä olevat sivustot on toteutettu erittäin kätevästi ja jokainen fontti esitetään siellä selkeästi ja ymmärrettävästi. Eli katsot esikatselukuvaa, päätät, pidätkö tästä fontista ja tarvitsetko sitä ollenkaan, ja vasta sen jälkeen lataa se. Joten aloitetaan.

1. Valitse sopiva kirjasin jollakin tarjoamistamme sivustoista (tai toisesta, johon luotat täysin) ja lataa se.

2. Siirry kansioon, johon latasit arkiston (tai vain tiedoston) fonteilla. Meidän tapauksessamme tämä on työpöytä.

3. Avaa arkisto ja pura sen sisältö mihin tahansa sopivaan kansioon. Jos olet ladannut fontteja, joita ei ole arkistoitu, siirrä ne paikkaan, josta voit helposti käyttää niitä. Älä sulje tätä kansiota.

Huomautus: Fonteilla varustettu arkisto voi sisältää OTF- tai TTF-tiedoston lisäksi myös muun muotoisia tiedostoja, esimerkiksi kuvan ja Tekstiasiakirja, kuten esimerkissämme. Näitä tiedostoja ei tarvitse purkaa.

4. Avaa .
SISÄÄN Windows 8-10 voit tehdä tämän käyttämällä näppäimiä Win+X, josta sinun tulee valita näkyviin tulevasta luettelosta . Näppäinten sijasta voit myös napsauttaa hiiren oikealla painikkeella valikkokuvaketta "Alkaa".

SISÄÄN Windows XP - 7 tämä osio on valikossa "Alkaa" — .

5. Jos katselutilassa "Luokat", kuten esimerkissämme, vaihda pienten kuvakkeiden näyttötilaan - näin löydät nopeasti tarvitsemasi kohteen.

6. Etsi kohde sieltä "Fontit"(todennäköisimmin se on yksi viimeisistä) ja napsauta sitä.

7. Avautuu kansio, jossa on Windowsiin asennettuja fontteja. Sijoita siihen aiemmin ladatut ja arkistosta puretut fonttitiedostot.

Neuvoja: Voit yksinkertaisesti vetää sen (ne) hiirellä kansiosta kansioon tai käyttää komentoja Ctrl+C(kopio) tai Ctrl+X(leikkaa) ja sitten Ctrl+V(lisää).

8. Lyhyen alustusprosessin jälkeen fontti asennetaan järjestelmään ja näkyy kansioon, johon olet siirtänyt sen.

Huomautus: Jotkut kirjasimet voivat koostua useista tiedostoista (esimerkiksi tavallinen, kursivoitu ja lihavoitu). Tässä tapauksessa sinun on sijoitettava kaikki nämä tiedostot fontit-kansioon.

Uuden fontin asentaminen Wordiin

1. Käynnistä Word ja etsi uusi kirjasin ohjelman sisäänrakennettujen standardien luettelosta.

2. Usein uuden kirjasimen löytäminen listasta ei ole niin helppoa kuin miltä se saattaa näyttää: ensinnäkin niitä on siellä jo aika paljon, ja toiseksi sen nimi, vaikka se on kirjoitettu omalla fontilla, on melko pieni.

Löytääksesi nopeasti uuden kirjasimen MS Wordissa ja aloittaaksesi sen käyttämisen kirjoittamisessa, avaa "Fontti"-ryhmän valintaikkuna napsauttamalla pientä nuolta, joka sijaitsee tämän ryhmän oikeassa alakulmassa.

3. Listattu "Fontti" etsi asentamasi uuden fontin nimi (meidän tapauksessamme se on Altamonte Henkilökohtainen käyttö) ja valitse se.

Neuvoja: Ikkunassa "Näyte" voit nähdä, miltä fontti näyttää. Tämä auttaa sinua löytämään sen nopeammin, jos et muista kirjasimen nimeä, mutta muistat sen visuaalisesti.

4. Kun olet napsauttanut "OK" valintaikkunassa "Fontti", vaihdat uuteen fonttiin ja voit alkaa käyttää sitä.

Fontin upottaminen asiakirjaan

Kun olet asentanut uuden fontin tietokoneellesi, voit käyttää sitä vain itse. Eli jos lähetät uudella fontilla kirjoitetun tekstiasiakirjan toiselle henkilölle, jolla ei ole tätä kirjasinta asennettuna järjestelmään ja jota ei siksi ole integroitu Wordiin, sitä ei näytetä hänelle.

Jos haluat, että uusi fontti ei ole käytettävissä vain tietokoneellasi (no, tulostimella tai pikemminkin painetulla paperiarkilla), vaan myös muilla tietokoneilla, muilla käyttäjillä, se on upotettava tekstiasiakirjaan. Lue alta lisätietoja tämän tekemisestä.

Huomautus: Fontin upottaminen asiakirjaan kasvattaa MS Word -asiakirjan kokoa.

1. Siirry Word-asiakirjassa välilehteen "Vaihtoehdot", joka voidaan avata valikon kautta "Tiedosto"(Word 2010 - 2016) tai painiketta "MS Word" (2003 — 2007).

2. Siirry edessäsi avautuvassa "Asetukset"-valintaikkunassa kohtaan "säilytys".

3. Valitse kohteen vieressä oleva valintaruutu "Upota fontit tiedostoon".

4. Valitse, haluatko upottaa vain nykyisessä asiakirjassa käytetyt merkit (tämä pienentää tiedostokokoa) vai haluatko sulkea pois järjestelmäfonttien upottamisen (itse asiassa se ei ole välttämätöntä).

Itse asiassa voimme lopettaa tähän, koska nyt tiedät kuinka asentaa fontit Wordiin, kun olet aiemmin asentanut ne Windowsiin. Toivotamme menestystä uusien toimintojen ja rajattomien mahdollisuuksien hallinnassa. Microsoftin ohjelmat Sana.

Ilman fonttia kirjat, blogit, ilmoitukset luonnostelukursseista tai lumihiutaleiden luomisesta pomponeista eivät ole mahdollisia. Paljon riippuu oikean fontin valinnasta. Fontti, kuten henkilön kasvot, voi heijastaa ja herättää tunteita ja mielialaa. Haluaisit esimerkiksi ihmisten olevan onnellisia tekstisi lukemisen jälkeen, mutta jostain syystä he jäävät välinpitämättömiksi. Koko asiana voi olla väärä fontti. Ja tämä aiheuttaa kognitiivista dissonanssia.

Kirjassaan Tyyppi Eric Spiekermann, ykköstyyppien asiantuntija, osoittaa, että typografia ei ole eliitin taidetta, vaan tehokas työkalu, joka on kaikkien saatavilla, joilla on sanottavaa ja jotka haluavat ilmaista ajatuksensa oikein. paperilla ja paperilla.näyttö.

Tässä selitetään suunnittelu yksinkertaisella kielellä, ja fontti lakkaa olemasta jotain käsittämätöntä. Merkittävä, vahva, mielenkiintoinen. Tämän kirjan ovat jo lukeneet miljoonat ihmiset ympäri maailmaa. Nyt se on myös venäjäksi.

Tapaa Eric Spiekermann

Eric Spiekermann on suunnittelija, Bremenin taideakatemian professori, Saksan muotoiluneuvoston jäsen ja International Society of Typographic Designersin puheenjohtaja.

Ericillä on intohimo - fontit. Hän voi helposti kertoa, miltä aikakaudelta tietty fontti on. Mikä fontti osoittaa rakkautesi ja mikä vakavat aikeesi.

Eric Spiekermann ja hänen kuuluisin lause tyypistä.

Jos olet koskaan käynyt Saksassa ja ajanut saksalaisilla junilla, pysäkeillä, laitureilla ja asemilla näkemäsi kirjoitukset, kaaviot ja kyltit on kirjoitettu Eric Spiekermanin käsin luomalla Deutsche Bahn -kirjasimella. Hän loi myös fontin Audille, suunnittelun The Economicist-lehdelle. Ja minä kirjoitin tämän kirjan.

”Hänen julkaisujensa kauneus on, että Eric on kirjoittanut ne EI-suunnittelijoille. Tätä ihmiset todella rakastavat - suunnittelua ja typografiaa tavallisella ihmiskielellä. Spiekermann - Hän on yksinkertaisesti modernin typografian ja yleensä suunnittelun paavi."
Natalie Ratkowski

Mitä on sisällä?

Tämä on todellinen rinnakkaismaailma, jossa fontit ovat sen pääasiallisia asukkaita. Ja tämä kirja opettaa sinua ymmärtämään fontteja kuin kätesi. Kirjassa on valtava määrä esimerkkejä.

Graafinen suunnittelu ja typografia eivät ole helppoja, mutta yksinkertaisissakin projekteissa voi olla hyötyä oikean fontin valitsemisesta.

Tiedon esittämisen taito on varmistaa, että lukija ei häiriinny, lukee loppuun ja ymmärtää, mitä halusit sanoa. Tämä on taidetta valita fontti.

Kirjeitä, joissa on luonnetta

Katso kirjettä tarkemmin: onko se kevyt vai massiivinen, pyöreä vai neliömäinen, ohut vai kyykky. Miltä se näyttää? Kirjeet voivat olla huomion kohteena kuin sotilaat, tai ne voivat laulaa tai tanssia kauniisti rivissä, he voivat huutaa tai nauraa. Jotkut sanat eivät vain kuulosta, vaan myös näyttävät miellyttävämmiltä kuin toiset.

Fontti epäilylle, yllätykselle, vihalle ja ilolle. Kuvitus kirjasta

Fontti sanalle ilo ("ilo") avoimia lomakkeita, itsevarmat vedot ja dynamiikka. On mukava huomata, että jotkut sanat sisältävät selityksen kirjaimissa, joista ne on tehty. Nämä löysät ja helpot muodot saavat sinut varmasti ajattelemaan iloista, avosyleistä ihmistä, erityisesti Y-kirjain.

Lihavoidut kirjasimet terävin ääriviivoin vastaavat synkkiä tunteita, kun taas miellyttävät tunteet välittyvät paremmin kevyillä, rento kirjasimilla.

Kafka fontti

Fonttisuunnittelijat ovat aina ottaneet käsialaansa mallina kirjasimia kehittäessään. Mekaaniset rajoitukset johtivat käsinkirjoitettujen kirjasimien kehittämiseen, jotka kirjoitettiin siveltimellä, kynällä, mustekynällä tai jopa huopakynällä. Sitten ne leikattiin metallista tai valokuvattiin ja muutettiin tyypeiksi.

Nykyään digitaalisten työkalujen kehityksen myötä käsinkirjoitetuista fonteista on tullut epätavallisempia ja yksilöllisempiä. Nyt voit ostaa kuuluisien taiteilijoiden ja kirjailijoiden, kuten Picasson, Cezannen ja Franz Kafkan, "käsikirjoituksia".

Mister K -ryhmän fontit. Kuvitus kirjasta

Jälkimmäisen käsikirjoitukset olivat melko lukukelvottomia, mutta tämä ei estänyt Yulia Sysmäläistä - hän kehitti Mr.-kirjasimen. K - Kafkan käsialalla - kaikkine epätäydellisyksineen, joita kirjoittaja todennäköisesti haluaisi välttää.

Typografia palapeli

Pelataan. Mikä fontti sopii mielestäsi jokaiseen kenkätyyppiin?

Kuvitus kirjasta.

Mikä fontti valita

Ehkä olet ollut tässä tilanteessa: myöhään illalla, lento kuudelta aamulla, etkä vieläkään pakkaa matkalaukkuasi etkä osaa päättää mitä ottaisit mukaasi.

Tämä tapahtuu fonttia valittaessa.

Oikean fontin valitseminen tietylle viestille on mielenkiintoista ja samalla vaikeaa. Mitä muuta haluat laittaa viestiin kuin tosiasiat? Miten haluat tulkita sitä, kommentoida, koristella sitä? Jos valitset "neutraalin" fontin, kuten Times New Roman, viesti on neutraali.

Ajattelemalla viestin ulkonäköä, tulkitset sen tavalla tai toisella.

Ennen kuin pakkaat fontteja kuvitteelliseen matkalaukkuun, katso ongelmaa. Käytännöllisyys ja estetiikka on tasapainotettava.

Yhdistämme tietyn kirjasimen ulkonäön tiettyyn tuotteeseen. Siten tuoreet tuotteet sopivat paremmin improvisoiduilla etiketeillä käsinkirjoitettu fontti. Leivonnaiset yhdistetään pehmeästi muotoiltuihin serifeihin, täysjyvätuotteita edustavat parhaiten nopeasti käsin kirjoitetut kirjasimet, joissa on rosoiset ääriviivat, ja vakava yritystoiminta liittyy kuparikaiverruksen aikakauteen; arvopapereita tuotettiin taidokkaasti painettujen todistusten muodossa.

Kirja leviää

Vielä kirjassa

Tämän kirjan avulla tarkastelet kirjasimia uudella tavalla, opit ymmärtämään niitä ja valitsemaan tarkoituksiinsi oikean. Kirja sisältää paljon mielenkiintoista ja käytännöllistä tietoa:

• Kirjasinten kehityksen historia
• Fontin valitseminen tiettyä tehtävää varten
• Fontin luettavuus ja luettavuus
• Kuinka saada fontti toimimaan
• Näytön fontin ominaisuudet
• Sanomalehti, aikakauslehti, kirja-asetelma tekstille
• Fonttien tulevaisuus
• Luettelo typografiaa käsittelevästä kirjallisuudesta ja verkkosivustoista

…200 sivua mielenkiintoisia historiallisia faktoja, hyödyllisiä vinkkejä kirjasinten valinnasta ja käytöstä, kauniita havainnollistavia esimerkkejä.

Voit viettää koko elämäsi opetellaksesi valitsemaan oikean fontin, ja se on erittäin mielenkiintoista, melkein kuin vesivärien hallitsemista. Se on myös hyödyllinen, koska se on yksi tavoista välittää ideoita yleisöllesi. Ystävysty fonttien kanssa!

Hei rakkaat lukijat!

Aiemmassa artikkelissa kirjoitin siitä, kuinka WordPressiä käyttävän verkkosivuston sisältöä voidaan muotoilla epätyypillisellä tavalla käyttämällä upotettuja CSS-tyylejä. Tyylien avulla voit muun muassa muuttaa tekstissä käytettyä fonttia.

Fontit ovat verkkosivuston suunnittelun tärkein elementti. Vierailijan käyttäytyminen sivulla riippuu hänen oikeasta valinnastaan. On tarpeen valita oikea fonttityyppi, sen koko, paksuus, kaltevuus, väri, jotta kaikki tämä yhdistyy harmonisesti yleiseen suunnitteluun.

Mutta joskus on tarpeen käyttää jotain epätavallista fonttia, ja niitä on nyt kehitetty lukemattomia - taiteellisia, käsinkirjoitettuja, goottilaisia, vanhan venäläisiä jne. Voidaanko mitä tahansa niistä käyttää sivustolla?

Se on mahdollista, mutta sillä on tietyt ehdot.

Vakio- ja mukautetut fontit

Jotta valitsemasi fontti näkyy oikein käyttäjän näytöllä, se on asennettava hänen tietokoneeseensa. Käyttöjärjestelmää asennettaessa saamme myös tietyn joukon fontteja. Tätä sarjaa kutsutaan standardiksi. Jokaisella käyttöjärjestelmällä on oma luettelo vakiofonteista. Mutta on fontteja, jotka ovat läsnä kaikissa käyttöjärjestelmät, niitä kutsutaan turvallisiksi. Voit turvallisesti käyttää mitä tahansa niistä verkkosivustollasi ilman pelkoa, että se ei näy oikein vierailijan tietokoneella. Nämä kirjasimet ovat luonnollisesti suosituimpia, niitä käytetään sisällön kirjoittamiseen useimmilla sivustoilla ja niitä on helppo lukea.

Vakiofonttien lisäksi käyttäjä voi asentaa tietokoneelleen muitakin ei-standardifontteja, mutta niiden näytössä voi ilmetä ongelmia. Joskus kokemattomat käyttäjät, jotka valmistelevat tavallista tekstiasiakirjaa Wordissa tai esitystä, käyttävät jotain kaunista taiteellista fonttia, jonka he löysivät Internetistä ja asensivat tietokoneeseensa. Valmistettaessa kaikki näyttää hyvältä, mutta kun he alkavat katsella tätä esitystä toisella tietokoneella, käy ilmi, että tämä kaunis fontti korvataan tavallisella, tavallisella fontilla.

Sama tapahtuu nettisivuilla. Jotta käyttämäsi ei-standardi kirjasin näkyisi oikein vierailijan tietokoneella, se on asennettava vierailijan tietokoneelle. Et kuitenkaan voi vaatia tuhansia kävijöitä asentamaan tietyn kirjasimen, jotta he voivat tarkastella sivustoasi.

Kuinka ratkaista tämä ongelma?

Tätä varten sinun on yhdistettävä tarvittavat fontit sivustoon.

Kuinka yhdistää fontit verkkosivustolle

On kaksi päätapaa tehdä tämä. Ensimmäisessä tapauksessa fontit sijaitsevat erikoistuneella etäpalvelin, toinen sisältää kirjasintiedostojen sijoittamisen itse sivuston palvelimelle.

Tässä artikkelissa tarkastellaan lähemmin ensimmäistä menetelmää.

Työskentely Google Fonts -palvelun kanssa

Aloitetaan Google-palvelu Fontit, tunnetuimpana ja luotettavimpana.

En turhaan puhu luotettavuudesta, koska jos käytät verkkosivustollasi kolmannen osapuolen resurssia, sen on oltava varmennettu ja luotettava. Tätä artikkelia valmistellessani vierailin useilla sivustoilla, joissa oli kirjanmerkeissäni olevia kirjasinkokoelmia. Käytin niitä aiemmin, mutta kävi ilmi, että yksi niistä oli poistettu käytöstä isännöintimaksun vuoksi, toinen, josta ostin kerran kauniita fontteja, virustorjunta estää.

Sivustolla , kuten kuvakaappauksesta näkyy, päällä Tämä hetki Kokoelmassa on 708 fonttia, mutta kaikki eivät sovellu meille. Venäjänkielisille sivustoille tarvitaan kirjasimia, jotka tukevat kyrillistä. Vasemmalla on suodattimet valintaa varten, missä avattavassa luettelossa Käsikirjoitus valita Kyrillinen, jonka jälkeen vaihtoehtoja on jo 61 jäljellä. Valitsemme niistä. Lisää haluamasi fontit kokoelmaan napsauttamalla painiketta .

Valinnan jälkeen siirry seuraavaan kohteeseen - painike Arvostelu. Avautuvalla sivulla voit nähdä, miltä teksti näyttää ja yrittää muuttaa sen parametreja.

Seuraavaksi siirrymme viimeiseen kohtaan - painikkeeseen Käyttää. Tästä voit kopioida koodin yhdistääksesi fontin sivustoon.

Tämä koodi tulee lisätä sivustosi HTML-sivulle tunnisteiden väliin<pää> japää>. WordPress-sivustoilla nämä tunnisteet sijaitsevat otsikkotiedostossa header.php. Vaihe 4 kopioi koodin kuvaamaan CSS-tyyliä.

Kuten näet, valitsin kolme vaihtoehtoa, ja jos kirjoitan nyt seuraavan koodin WordPressin HTML-editoriin:

sitten sivulla se näyttää tältä:

Tämä teksti on muotoiltu epätyypillisellä tavalla. Poiret One.

On kaksi päätapaa tehdä tämä. Russo One.

Katsotaanpa tarkemmin ensimmäistä menetelmää. Mark Script.

Työskentely AllFont.ru-palvelun kanssa

Toinen hyvä palvelu valitaksesi fontin sivustolle - . Täällä näyttää olevan vielä enemmän valinnanvaraa. Ainakin se on monipuolisempaa. Voit valita rubrikaattorilla tai etsiä nimellä.

Valitun fontin sivulla voit muuttaa väriä, taustaa, kokoa, tekstiä ja katsoa, ​​miltä se näyttää.

Tämän jälkeen voit kopioida upotuskoodit sivustolle. Kaikki tehdään samalla tavalla kuin Google Fonts -verkkosivustolla. Valitsin AGZeppelin-Roman fontin esimerkiksi, katso miltä se näyttää.

Tervetuloa suurimpaan kirjastoon AllFont.ru

Toivottavasti artikkeli oli hyödyllinen. Jos on, tilaa blogipäivitykset, kun uusia hyödyllisiä artikkeleita valmistellaan.

Nähdään pian.