Søg
Avatar billede wampiro-uha Nybegynder
06. oktober 2003 - 18:05 Der er 18 kommentarer og
3 løsninger

@font-face

Jeg har denne kode:

@font-face {
font-family: "Verdana";
src: url("../font/verdana.ttf");
}

Det ser ud til at virke i IE, men virker det kun i IE eller burde det også virke til Netscape osv.
Og på Linux-maskiner?

Hvis det ikke er muligt at lave en ordentlig løsning med at hente en font hvis den ikke findes på maskinen (uafhængig af operativ-system og browser), hvilket font ligner/minder så om verdana som findes på næsten alle maskiner?
Avatar billede deurell Nybegynder
06. oktober 2003 - 18:09 #1
jeg var af den overbevisning at verdana lå på langt de fleste maskiner.
Desuden minder arial lidt om verdana.

mvh Deurell
Avatar billede deurell Nybegynder
06. oktober 2003 - 18:09 #2
hov...svare lige...
Avatar billede roenving Novice
06. oktober 2003 - 18:14 #3
Hvis du nu angiver en af de generiske fonts i dit stylesheet, burde du være nogenlunde dækket ind:

font-family:Verdana,arial,sans-serif;
Avatar billede bearhugx Nybegynder
06. oktober 2003 - 18:19 #4
Det burde virke i alle CSS2 kompatible browsere - Dette betyder også Netscape 6.0+, Mozilla, - og også opera 7.0+, så vidt jeg husker...

Det er beskrevet i CSS2 specifikationen : http://www.w3.org/TR/REC-CSS2/fonts.html#font-selection
Avatar billede skovenborg Nybegynder
06. oktober 2003 - 18:20 #5
http://www.w3.org/TR/CSS2/fonts.html#generic-font-families

Disse fonts er nogle browseren har valgt, og derfor vil de altid "virke". Det er dog forskelligt hvilke fonttyper man bruger til de forskellige generic-fonts.

Desuden har jeg ikke Verdana (og vist heller ikke Arial) på min linux-distribution, så det skal man altså ikke regne med.
Avatar billede skovenborg Nybegynder
06. oktober 2003 - 18:24 #6
...måske lidt dårligt formuleret det sidste - men pointen var at ikke alle andre styresystemmer har de samme skrifttyper som Windows har som standard.

Så brug roenving's metode - det var vist det :-)
Avatar billede bearhugx Nybegynder
06. oktober 2003 - 18:29 #7
måske er det mig som tager fejl - men for mig handler dette spm ikke om at vælge verdana - og evt. nogle substitutter -- for mig handler det om font-embedding...

Derfor vil det være irrelevant om verdana ikke findes på f.eks. skovenborgs distribution - fordi i dette tilfælde skal fonten så hentes fra websitet (mere specifikt fra mappen "../font/"

ttf filer er somregel embedable - dvs. at de uden konvertering kan indlejres i en hjemmeside -- det man dog skal holdes sig for øje er om man har rettigheder til at distribuere fonten...
Avatar billede roenving Novice
06. oktober 2003 - 18:30 #8
>>bearhugx

-- her har vi et af de relativt få steder, hvor IE har implementeret mere af css2-anbefalingerne end Gecko !-|
Avatar billede skovenborg Nybegynder
06. oktober 2003 - 18:37 #9
bearhugx>>
Du må undskylde hvis du mener det jeg skrev var irrelevant, men det var mere en kommentar til det deurell sagde.

Nå, men du har jo ret i at fonten kan hentes fra en website - det bare ikke altid det er den bedste måde at gøre det på. Du skal under alle omstændigheder skrive en generic font med, hvis din CSS fx skal komme igennem en css-validation.
Avatar billede bearhugx Nybegynder
06. oktober 2003 - 18:56 #10
skovenborg >> det er helt ok ... Jeg fik bare indtrykket at debatten var ved at omhandle noget andet end hvad jeg havde fået indtrykket at der blev spurgt om...
Grunden til at ligepræcis du blev "hevet ind" i mit indlæg, var fordi du gav udtryk for at du ikke havde Verdana på din comp. og derfor ville du f.eks. være målgruppen for en embedding af fonten Verdana.

Det var _ikke_ fordi jeg mente at dit indlæg var irrelevant -- "irrelevant" var derimod pointeret på debatten omkring font-substitution som helhed

- Selvfølgelig er det god skik at tilføje en generic font med - men i de tilfælde kan man ikkke længere være sikker på at siden kommer til at se ud som man ønsker -- man skal huske på at font-embedding tit bruges fordi man _specifikt_ ønsker at bruge en bestemt font (f.eks. en firmaspecifikt font) og i disse tilfælde ville det jo også være lidt "tabt på gulvet" hvis den så bare blev substitueret med en generisk font.

ang. w3c - validering, så mener jeg kun at den giver en advarsel - og ikke at den fejler, når man validere uden at en font-definition har en generic type også...
Avatar billede wampiro-uha Nybegynder
06. oktober 2003 - 19:13 #11
bearhugx --> du har forstået det rigtig...
jeg vil bare rigtig gerne have et konkret svar på hvordan skal jeg gøre...
Avatar billede bearhugx Nybegynder
06. oktober 2003 - 19:40 #12
den kode du bruger :
@font-face {
  font-family: "Verdana;
  src: url("URL_til_fonten");
}

kan jeg ikke se nogle fejl ved -- du gør det korrekt
Avatar billede lklingenberg Nybegynder
06. oktober 2003 - 19:51 #13
hov, der er noget med et "...

@font-face {
  font-family: Verdana;
  src: url("URL_til_fonten");
}

eller

@font-face {
  font-family: "Verdana";
  src: url("URL_til_fonten");
}
Avatar billede bearhugx Nybegynder
06. oktober 2003 - 19:58 #14
Ja.  Det anbefales at der er " rundt om (dvs. både foran og bagved) .. og især hvis der er tale om en font som "Times New Roman" hvis navn består af flere ord.

bemærk at man IKKE bruger generic fonte når man skal definere en font-face, men kun når man skal bruge en font...

se nedenstående eksempel fra w3c
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
    <TITLE>Font test</TITLE>
    <STYLE TYPE="text/css" MEDIA="screen, print">
      @font-face {
        font-family: "Robson Celtic";
        src: url("http://site/fonts/rob-celt")
      }
      H1 { font-family: "Robson Celtic", serif }
    </STYLE>
  </HEAD>
  <BODY>
    <H1> This heading is displayed using Robson Celtic</H1>
  </BODY>
</HTML>


først defineres en font "Robson Celtic"
dernæst defineres style for H1 - hvor der nævnes at vi primært ønsker at bruge "Robson Celtic" - men hvis denne ikke er tilgængelig (enten at fonten ikke kan findes, eller at browseren ikke understøtter @font-face at-rule) så bruges den generiske font 'serif'
Avatar billede wampiro-uha Nybegynder
07. oktober 2003 - 10:33 #15
Det er altsaa ikke muligt at lave noget simpelt og smart saa fonten bliver hentet hvis den ikke findes paa maskinen!?
Avatar billede bearhugx Nybegynder
07. oktober 2003 - 12:05 #16
du synes måske ikke at det er simpelt og smart at kunne lave en @-rule ????

der er tale om 4 linier
@font-face {
  font-family: "HVAD_FONTEN_SKAL_HEDDE";
  src: STIEN_TIL_FONT_FILEN;
}

Det synes jeg da er både simpelt og smart...
Avatar billede wampiro-uha Nybegynder
08. oktober 2003 - 15:13 #17
bearhugx --> jo, selvfølgelig :-D
Men når jeg f.eks. tester det på en linux maskine med denne kode:

@font-face {
font-family: "Verdana";
src: url("../font/verdana.ttf");
}


Så fungerer det ikke!
Avatar billede wampiro-uha Nybegynder
08. oktober 2003 - 15:14 #18
Det skal ikke stå i body eller noget, vel?
hele min css fil ser således ud:

----------------------------------- css -----------------------------------

@font-face {
font-family: "Verdana";
src: url("../font/verdana.ttf");
}

a {
background-color: transparent;
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
text-decoration: underline;
}

a:link {
background-color: transparent;
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
text-decoration: underline;
}

a:visited {
background-color: transparent;
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
text-decoration: underline;
}

a:active {
background-color: transparent;
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
text-decoration: underline;
}

a:hover {
background-color: transparent;
color: #7D9B00;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
text-decoration: underline;
}

html {
height: 100%;
}

body {
background-color: #C3C3B4;
background-image: url("../img/bg1.gif");
background-repeat: repeat-x;
background-position: left top;
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
text-decoration: none;
margin: 0px;
padding: 0px;
height: 100%;
}

table {
color: #000000;
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
text-decoration: none;
margin: 0px;
}

img {
border: 0px;
}

.border {
border: #000000 1px solid;
}
Avatar billede wampiro-uha Nybegynder
08. oktober 2003 - 19:24 #19
Hvis der ikke er nogen som kan lure nogen fejl, er der så nogen som kender en skrifttype som minder utrolig meget om verdana (altså ren og enkel og uden fødder), som næsten garanteret findes på linux maskiner og gerne også windows maskiner?
Avatar billede wampiro-uha Nybegynder
09. oktober 2003 - 15:32 #20
Er der ingen der ved hvilken skrifttype jeg skal vælge, hvis jeg skal have den enkelste og mest verdana-lign. skrittype på linux?
Avatar billede wampiro-uha Nybegynder
09. oktober 2003 - 22:53 #21
Jeg lukker og fordeler point!
Håber det er i orden!
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel
04/0913:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
White papers
Flere white papers »