CSS

Kertokaas miten se pitää tehdä, että fontit on sivuissa css:llä ja ne voi muutta yhtä tiedostoa muokkaamalla. Eli jos olisi sivut vaikka: index.html, haitari.html, veivari.html.

Ilmeisesti siellä pitäisi olla samassa kansiossa css-tiedosto (?), mutta miten se koodi menee, jos haluan vaikka otsikot 16px, leipäteksti 12px, arialin fontti. Miten sitten css-tiedosto laitetaan/viitataan, jos on useampi kansio sivustossa.
4405
Äänestä

Muut lukivat myös

Vastaukset 4

Vanhimmat

"Ilmeisesti siellä pitäisi olla samassa kansiossa css-tiedosto (?)..."

Juu, juuri niin. Ohjeet tähän löytyykin ed. kirjoittajan antamista linkeistä, vieläpä suomeksi.

"miten se koodi menee, jos haluan vaikka otsikot 16px, leipäteksti 12px, arialin fontti"

Tuollaista ei kannata tehdä. Webissä fonttien kokoja ei kannata määritellä absoluuttisilla mitoilla (px- tai pt-yksiköillä¹) vaan suhteellisina kokoina (em , ex tai %). Absoluuttisten kokojen käyttäminen estää mm. Internet Explorerissa View->Font size -valinnan käyttämisen.

Määritykset tehdään CSS-tiedostoon tähän tapaan:
h1 { font: 2.0em Arial; }
p { font: 1.0em Arial; }

1em eli 100% on oikeastaan ainut oikea koko leipätekstille. Verdanan kanssa voisi käyttää periaatteessa hitusen pienempää, mutta silloin riviväliä pitäisi kasvattaa. Ongelmia syntyy, kun käyttäjän koneelta ei sitten löydykään Verdanaa, tai sitä ei haluta käyttää.

¹ pt ei periaatteessa ole absoluuttinen, mutta Windowsissa se kylläkin toimii niin. Webissä pt kannattaa lähinnä unohtaa.

Äänestä
  • "Verdanasta taas voi lyhyesti sanoa: sitä ei ole syytä käyttää verkkosivuilla kuin erikoistapauksissa, lähinnä otsikoissa, ala- ja yläindekseissä yms. Syynä on juuri se, että se on suunniteltu ruudulta luettavaksi.

    Ongelma on siinä, että fontin kokoa ja rivinväliä ei voi asettaa niin, että ne riippuisivat fontin valinnasta. Jos otetaan tavallinen selain ja pannaan se käyttämään Verdanaa koskematta muuhun,
    niin tulos on varsin ikävä - liian isoa tekstiä (jos nimittäin fonttikoko alun perin oli asetettu lukijalle sopivaksi) ja liian pieni rivinväli. Ja
    jos sitten näitä yritetään korjata, niin ne vaikuttavat silloinkin, kun selain _ei_ käytä Verdanaa, ja tulos on vastakkaisella tavalla huono."


    http://mailgate.supereva.it/sfnet/sfnet.viestinta.www/msg27919.html

    Äänestä


Kommentoi aloitusta


Hanuriveivari kirjoitti:

Kertokaas miten se pitää tehdä, että fontit on sivuissa css:llä ja ne voi muutta yhtä tiedostoa muokkaamalla. Eli jos olisi sivut vaikka: index.html, haitari.html, veivari.html.

Ilmeisesti siellä pitäisi olla samassa kansiossa css-tiedosto (?), mutta miten se koodi menee, jos haluan vaikka otsikot 16px, leipäteksti 12px, arialin fontti. Miten sitten css-tiedosto laitetaan/viitataan, jos on useampi kansio sivustossa.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu