skriv ut »Egna teckensnitt
Teckensnitt (fonter) som du använder på din websida följer inte med när din sida laddas ner för läsning i dina besökares webläsare. Det kan innebära att dina besökare inte alls ser din websida så som du har tänkt att den ska se ut!
De fonter som anses vara "säkra" att använda då besökarna förmodligen redan har dem installerade på sin dator är de som följer med bla operativsystemet Windows och webläsaren Internet Explorer. Här är de teckensnitt som du bör använda om du vill försäkra dig om att dina websidor visas med korrekt teckensnitt:
| Teckensnittsnamn: | Levereras med: |
| Arial | Windows |
| Arial Black | Microsoft Office, MSIE3 |
| Times New Roman | Windows |
| Courier New | Windows |
| Verdana | MSIE3, MSIE4 > |
| Comic Sans | Microsoft Plus!, MSIE3, MSIE4 > |
| Impact | Microsoft Office, MSIE3, MSIE4 > |
| Georgia | MSIE4 tillägg |
| Trebuchet | MSIE4 tillägg |
| Webdings abcdefgh |
MSIE4 > |
För att ha bättre kontroll över dina sidor kan du dessutom i HTML-koden lägga in ersättningsteckensnitt om det första teckensnittet inte finns hos läsaren, det ersätts då med det teckensnitt som angivits som nr 2 i koden:
(Helvetica är ett vanligt förekommande teckensnitt på Macintosh)
bädda in fonterna
Det finns olika tekniker att se till att fonterna bäddas in, dvs följer med websidan och laddas ner samtidigt som sidan. Eftersom de använda tecknen bifogas i form av en fil tar det naturligtvis lite längre tid att ladda ner din websida och dessutom kan du ändå inte vara säker på att alla dina besökare har en webläsare som stödjer inbäddade teckensnitt. En teknik är utvecklad av företaget Bitstream och ger ett bättre resultat i Netscape Navigator än i Internet Explorer. Läs mer om deras teknik på Bitstreams egna informationssidor »
Den teknik vi beskriver och ger exempel på nedan avser en teknik utvecklad av Microsoft som kallas WEFT (Microsoft Web Embedding Fonts Tool ») och stöds av deras egen webläsare Internet Explorer 4 och senare versioner. Även senare versioner av Netscape Navigator klarar av att visa de inbäddade teckensnitten. För att skapa de teckensnittsfiler som ska bifogas HTML-filen vid nedladdning av websidan så använder du gratisprogrammet Microsoft WEFT som du kan ladda ner här » Här är några exempel på användning av inbäddade fonter:
Så här ser texten ut som inbäddad font, 9 Kb storlek, om din webläsare stödjer inbäddade fonter!)
Den här texten
är skriven med det personliga
teckensnittet "Salla" som är levererat av
www.dinstil.nu och om du kan se det rätta
utseendet så stödjer din webläsare inbäddade
fonter!
Så här ska texten se ut ovan om den inbäddade fonten visas i din webläsare:
Om din webläsare inte stödjer inbäddade fonter så ersätts det av teckensnittsalternativ nr 2 som i detta fall är "Comic sans". Då ser exemplet ovan ut så här istället:
Den här texten är skriven med det personliga teckensnittet "Salla" som är levererat av www.dinstil.nu och om du kan se det rätta utseendet så stödjer din webläsare inbäddade fonter!
arbetsgång medMicrosoft WEFT
Du hittar mer hjälp på Microsofts
WEFT-sidor »
När du är klar med din websida och vill bädda in teckensnitten startar du programmet Microsoft WEFT.
- I guiden som startas anger du vilket dokument som ska bearbetas. OBS! du kan här ange om alla länkade dokument också ska bearbetas. Vill du bara bearbeta den aktuella websidan anger du det i alternativet "Do not add linked pages".
- Använda fonter analyseras och du får en lista med vilka fonter som används och vilka som går att bädda in. Här har du möjlighet att välja bort vissa fonter som du inte vill bädda in. Det kan tex vara de teckensnitt som du ser högst upp i listan på denna sida. De visas förmodligen korrekt utan att bäddas in. Tänk på att det skapas filer till varje teckensnitt som måste laddas ner tillsammans med din websida, det tar alltså längre tid ju fler filer du bäddar in.
- Ange i vilken mapp du vill att fontfilerna som ska kopplas till dokumentet ska placeras i. Du måste också ange vilken adressen URL blir till din websida (tex http://www.dinsida.com/min_sida.htm).
- Den nya websidan med tilläggen där din sida är kopplad via
CSS till fontfilerna är skapade och ska publiceras. De hamnar som standard
i mappen C:\Mina dokument\WebFontProjects. Kopiera sedan filen därifrån
till din egen webplats. (skriv över den gamla filen)
OBS! Alternativ till att publicera en ny fil är att välja att visa "Show @font-family CSS declarations". Du får då se koden och kan klippa/klistra den till din egen sida inom <HEAD>.
<style type="text/css">
@font-face {
font-family: Salla;
font-style: normal;
font-weight: normal;
src: url(SALLA.eot);
}
-->
</style>
Koden anger att webläsaren sk använda filen "SALLA.eot" när den hittar textavsnitt som använder den fonten.
nackdel med Microsoft WEFT
Om du ändrar adressen till din websida, flyttar filen/mappen eller byter namn så bryts sökvägen och teckensnittet visas inte. Innehållet i .eot-filen måste då uppdateras genom att upprepa momenten ovan en gång till.
hur ser din sida ut i andra webläsare?
De webläsare som inte kan visa inbäddade fonter ignorerar det och använder den eventuellt angivna andra teckensnittsvalet. Om inget sådant angives används webläsarens standardteckensnitt, ofta Times New Roman.
