Avatar billede hkb-x Nybegynder
11. juli 2007 - 17:34 Der er 15 kommentarer og
1 løsning

Glatte og anderledes fonte

Jeg har igennem længere tid undret mig over hvordan man får så glatte fonte som de overskifter her:

http://vivabit.com/atmediaAjax/

http://nogetmedild.dk

Det ligner flash men er HTML...

Spørgsmålet er derfor: hvordan gør man?
Avatar billede gider_ikke_mere Nybegynder
11. juli 2007 - 18:08 #1
Prøv at checke i Firefox, så går fusen lidt af det. IE har en indbygget "smooth"-funktion til udglatning af fonte.
Avatar billede gider_ikke_mere Nybegynder
11. juli 2007 - 18:10 #2
De kalder det vidst "udglatning af fonte", eller lignende.
Jeg tror det ser så pænt ud p.g.a fontstørrelsen, samt en ikke helt sort tekst.
Avatar billede gider_ikke_mere Nybegynder
11. juli 2007 - 18:16 #3
... eller kalder de det "clear-type"?
Avatar billede hkb-x Nybegynder
13. juli 2007 - 11:35 #4
@akyhne jeg har kun set det i Firefox
Avatar billede gider_ikke_mere Nybegynder
13. juli 2007 - 11:47 #5
Det er teksten

"Welcome!

The Web is undergoing a revolution.."

.. og

"DMeA 2006

Vi er en af hovedsponsorene for dette.."

vi snakker om, ikke?
Avatar billede gider_ikke_mere Nybegynder
13. juli 2007 - 12:17 #6
Her http://www.racingcar.dk/eksperten/hkb-x/ kan du se noget af skriften i 3 forskellige varianter. De bruger alle Trebuchet MS dekorationen af Arial fonten.

Den første er som i linket http://vivabit.com/atmediaAjax/.
Den anden er identisk, blot med sort skrift.
Den tredie er sort, og med størrelsesangivning i pixels, fremfor .em. Det giver knapt så sammentrukket en tekst, og gør teksten voldsommere.
Avatar billede gider_ikke_mere Nybegynder
13. juli 2007 - 13:27 #7
Check også hvad jeg har skrevet længere nede i dokumentet: http://www.racingcar.dk/eksperten/hkb-x/
Avatar billede olebole Juniormester
13. juli 2007 - 13:56 #8
<ole>

akyhne >> Trebuchet MS er ikke en dekoration af Arial. Trebuchet MS er en selvstændig font, Arial er en selvstændig font og Helvetica er en selvstændig font  =)

/mvh
</bole>
Avatar billede gider_ikke_mere Nybegynder
13. juli 2007 - 13:59 #9
Ok, var jeg ikke klar over. Hvorfor skriver man så

"Trebuchet MS", Arial, Helvetica, sans-serif;?
Avatar billede hkb-x Nybegynder
13. juli 2007 - 14:43 #10
@akyhne

Det er den rækkefølge man opprioriterer sine fonte i... Hvis nogle ikke har Trebuchet MS så bruges Arial osv...

Og joh det er det... man har fundet ud af hvad jeg gjorde galt... fårkede bare lidt op i CSS :S
Avatar billede olebole Juniormester
13. juli 2007 - 15:07 #11
- og de tre fonte har ikke de små 'fødder', du kender fra f.eks. Times-skrifterne.

Disse 'fødder' kaldes indenfor typografien for seriffer. Når en font har seriffer, kaldes den en serif-skrift. Har den dem ikke, kaldes den en sans-serif (sans => uden på fransk).

Derfor skriver man f.eks:
    "Trebuchet MS", Arial, Helvetica, sans-serif;

Hvis brugerens PC ikke har installeret nogen af de tre første (hvilket er usandsynligt, men alligevel ...), vælges PC'ens standard sans-serif skrift.

Det samme gælder naturligvis for serif-skrifter  ;o)
Avatar billede olebole Juniormester
13. juli 2007 - 15:10 #12
- og da 'serif' og 'sans-serif' for det intetanende øre godt kan lyde som en ferieø, er der da også en godt slidt lille grafiker-joke, der går på dette:

"Hvor skal I hen på ferie i år?"
"Årrhhh ... jeg tror såmænd bare, vi napper tre uger på Sans-Serif"  =)
Avatar billede gider_ikke_mere Nybegynder
08. september 2007 - 15:26 #13
Lukketid?
Avatar billede gider_ikke_mere Nybegynder
11. november 2007 - 20:07 #14
??
Avatar billede hkb-x Nybegynder
03. december 2007 - 12:34 #15
undskyld... Har ikke holdt øje med denne tråd på det sidste... hvis nogle vil have point så kast et svar ellers lukker jeg den selv om et par dage...
Avatar billede gider_ikke_mere Nybegynder
03. december 2007 - 12:49 #16
Ok.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester