Lernu uzi CSS por ŝanĝi tipajn atributojn
Tiparoj kaj CSS
CSS estas la plej efika maniero por ĝustigi la tiparojn en via retpaĝo. Vi povas kontroli la tiparon de familio , grandeco, koloro, pezo, kaj multaj aliaj aspektoj de la tipografio.
Fontaj propraĵoj en CSS estas unu el la plej komunaj manieroj por fari vian paĝon pli distinga kaj unika. Estas facile ŝanĝi la koloron, grandecon kaj eĉ vizaĝon (la tiparon mem) de via teksto kun CSS-tiparo .
- koloro
- tiparo-familio
- tiparo-grandeco
Ekzistas tri partoj al tiparo:
- koloro
- Ĉi tiu estas la koloro, kiun la tiparo montros kiel sur la ekrano.
- grandeco
- Jen kiom granda aŭ malgranda la tipografo redonos sur la ekrano.
- vizaĝo
- Ĉi tiu estas la tipara familio, kio ofte estas nomata kiel la vera tiparo.
Tiparaj koloroj
Por ŝanĝi la koloron de la teksto, simple uzu la CSS-koloron-proprieton. Vi povas uzi ĉu kolornomojn aŭ heksadekajn kodojn. Kiel kun ĉiuj koloroj en la reto, plej bone uzas retumilojn sekurajn kolorojn .
Provu la sekvajn stilojn en viaj retpaĝoj:
ĉi tiu tiparo estas ruĝa
Ĉi tiu tiparo estas kolora bluo
Fontaj grandecoj
Kiam vi agordas la tiparon en la retejo, vi povas agordi ĝin en relativaj grandecoj aŭ esti tre specifa uzante pikselojn, centimetrojn aŭ colojn. Tamen, la pli ĝustaj tipaj grandecoj devas esti uzataj por presi kaj ne por retpaĝoj, kie ĉiuj, kiuj rigardas vian retejon, povus havi malsaman distingon, monitoron, aŭ defaŭltan tiparon. Tiel, se vi elektas 15px kiel vian norman grandecon, vi eble estus surprize surprizita vidi kiom granda aŭ malgranda via tiparo prezentas al viaj klientoj.
Mi rekomendas vin uzi ems por tipara grandeco . Ems permesu, ke via paĝo restu alirebla, ne gravas, kiu rigardas ĝin, kaj ems signifas por ekrano bildigo. Lasu viajn pikselojn kaj punktojn por presita bildigo. Por ŝanĝi vian tiparon, aldonu la jenan stilon en via retpaĝo:
ĉi tiu tiparo estas 1em
ĉi tiu tiparo estas .75em
ĉi tiu tiparo estas 1.25em
Fontaj Vizaĝoj
La vizaĝo de via tiparo estas kiel multaj homoj pensas, kiam ili pensas "tiparon". Vi povas deklari iun tipan vizaĝon, kiun vi volas, sed memoru, se via leganto ne havas tiun tiparon instalitan, ilia retumilo provos trovi kongruon. por tio, kaj ilia paĝo ne aspektos kiel vi intencis.
Por trakti ĉi tiun problemon vi povas specifi liston de vizaĝnomoj, disigitaj per komoj, por ke la retumilo uzu laŭ prefero. Ĉi tiuj estas nomataj tiparoj. Memoru, ke norma tiparo en PC (kiel Arial) eble ne estas norma en Macintosh. Do vi ĉiam devas vidi viajn paĝojn kun minimuma instalita maŝino (kaj prefere sur ambaŭ platformoj) por certigi, ke via paĝo aspektas kiel desegnita eĉ kun minimumaj tiparoj.
Unu el miaj plej ŝatataj tiparaj stakoj estas Ĉi tiu aro estas sana-servila fonto-kolekto kaj dum geneva kaj arialo ne aspektas tre similaj, ili ambaŭ estas sufiĉe normaj en komputiloj de Macintosh kaj Windows . Mi inkluzivas helvetikon kaj helpon por klientoj pri aliaj mastrumaj sistemoj kiel Unikso aŭ Linukso, kiuj eble ne havas fortikan tiparon.
ĉi tiu tiparo estas sana-serif
ĉi tiu tiparo estas servilo