HTML skriftstiler
Å style skrifter i HTML, er det best å bruke CSS, eller Cascading Style Sheets, som kan legges etter en "style =" attributt i en <div> <span> eller <p> element på websiden. CSS kan brukes til å style den skriftfamilien, størrelse og innredning --- gi deg med det meste av kontrollen du vil ha tilgjengelig for deg i en sats program uten å ty til midlertidige løsninger ( "hacks") eller vise tekst som et bilde.
Velge en skrifttype
Bruk "font-family" for å velge riktig skriftsnitt for nettstedet ditt, hvis flere skrifttyper er gitt, vil nettleseren velge den første som er tilgjengelig på visningssystemet. "Font-family: Arial, sans-serif;" vil prøve å laste skriften Arial, og hvis det ikke er funnet, vil den bruke systemets generiske sans-serif skriftsnitt. Der det er mulig, forsøke å holde seg til "Web-safe" fonter: Arial og Helvetica for sans-serif, Times New Roman for serif, og Courier for monospace. Hvis du bruker andre skrifttyper (spesielt obskure seg), sørg for å legge en fallback font i tilfelle den personen som leser nettstedet ditt ikke har din skriftvalg installert.
Skriftstørrelse
Den "font-size" eiendom kan du angi enten den absolutte eller relative størrelsen på teksten. For eksempel "font-size: 10pt;" vil angi at teksten skal vises på 10 poeng av høyde uavhengig av hva den omkringliggende type er. Hvis du ønsker å sette teksten som blir større eller mindre enn den omkringliggende materialet, bruker du en prosentandel i stedet: "font-size: 75%;" inne i stilen attributt for en <span> tag vil gjøre hele teksten i disse kodene 3/4 av størrelsen på teksten rundt det. Alternativet, å sette tekst som større, er nyttig for å lage overskrifter uten å stole på "H1" til "H6" overskrift koder.
Fet og Understreket
Det er generelt trygt å anta at du kan style tekst som fet eller understreket med <b> henholdsvis </ b> eller <u> </ u> tags,. Men ved hjelp av CSS kan øke kryssplattform kompatibilitet og gir deg flere stylingmuligheter. Den "font-weight" eiendom kan du angi en skrift som fet ( "font-weight: bold;") eller lette ( "font-weight: lighter"). Hvis du trenger mer kontroll, kan du angi vekten i multipler av 100 100-900; i dette tilfellet "font-weight: 500;" vil resultere i en middels vekt tekst. For å understreke eller strike-gjennom tekst, bruk "Text-decoration" eiendom; "Text-decoration: underline;" vil understreke teksten, og "text-decoration: line-gjennom," vil slå det gjennom. Bruk "text-decoration: none;" å fjerne understreking fra teksten som vanligvis ville ha denne egenskapen, for eksempel hyperkoblinger.
Font Varianter og italicizing
CSS kan du også style skriften på måter som ikke ville være tilgjengelig på en skrivemaskin (som fet skrift og understreking ligne). For eksempel "font-style: italic;" vil bruke kursiv versjon av skriften, og "Font-variant: small-caps" kan brukes til å produsere tekst hvor små bokstaver er gjengitt som mindre versjoner av store funn. Å style hele teksten som store bokstaver, uten å skille mellom store og små bokstaver, bruke eiendommen "Text-transform: store bokstaver;" å overstyre hva kapitalisering teksten hadde tidligere.