Website progameren met CSS
1 februari 2013 - 17:47   
geplaatst door: de3jeh
Hoi ik heb een vraagje.
ik wil graag lettertype lucida sans gebruiken voor mijn website.

ik heb nu

 
position: absolute;
  top: 30px;
  left: 470px;
  font-family: ‘Lucida Sans Unicode’, ‘Lucida Sans’, sans-serif;
  font-size: 18;
  font-style: italic;
  font-weight: normal;
  color: #000000;

Maar op de een of andere manier pakt hij dat niet.
hoe kan dit?
en wat kan ik hier aan doen?

Greetz Bas

Website progameren met CSS
1 februari 2013 - 18:11    reactie #1
geplaatst door: Spooter
Waar draait de site/kunnen we iets zien?

Ik zie alleen maar css code, maar nergens binnen de HTML waar de CSS wordt aangeroepen met een id of class.

Website progameren met CSS
1 februari 2013 - 18:22    reactie #2
geplaatst door: ButCo
Even proberen zonder aanhalingstekens rond de lettertypen.
Website progameren met CSS
1 februari 2013 - 19:45    reactie #3
geplaatst door: de3jeh
www.basbreet.nl/test.html ;)

ik heb dit ooit heel goed gekund maar ik ben er helemaal uit

Website progameren met CSS
1 februari 2013 - 19:50    reactie #4
geplaatst door: Feek
Je haakjes rondom Lucida Sans Unicode kloppen niet! Heb je in niet in een normale teksteditor gemaakt zeker. Blijkbaar zijn ze vervangen door gekrulde aanhalingstekens!


fout:
font-family: ‘Lucida Sans Unicode’, ‘Lucida Sans’, sans-serif;

goed
font-family: 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;

Website progameren met CSS
1 februari 2013 - 20:38    reactie #5
geplaatst door: de3jeh
Heb ze gewoon in tekst editor gemaakt.

dus ipv ' moet het " worden?

Website progameren met CSS
1 februari 2013 - 20:45    reactie #6
geplaatst door: Panico
Download even de gratis TextWrangler van BBEdit.

Gekrulde aanhalingstekens doen het niet in de code.

http://www.pauldj.nl/  ("Interesting reaction! But what does it mean?")
Website progameren met CSS
1 februari 2013 - 21:34    reactie #7
geplaatst door: Feek
Let even op het detail van de aanhalingsteken. Dus geen gekrulde aanhalingsteken.
Teksteditor wordt waarschijnlijk een ' door de autocorrectie vervangen door een gekrulde (omgekeerde) aanhalingsteken ‘ (open en gesloten).

gebruik idd TextWrangler of bv de inmiddels ook gratis Textmate

Website progameren met CSS
1 februari 2013 - 23:23    reactie #8
geplaatst door: de3jeh
Thanx mensen ga lekker aan de slag :-)
Website progameren met CSS
2 februari 2013 - 02:33    reactie #9
geplaatst door: Tim 006
Met betrekking op teksteditor.

Opmaak>Converteer naar platte tekst.   Of  :key_shift:  :key_command: T

Dan zou het moeten lukken.

:cool:

Ik heb wel het een en ander ;P
Website progameren met CSS
2 februari 2013 - 12:07    reactie #10
geplaatst door: Shmoo

geblokkeerd

Onder het motto van..

Zou je ook nog Brackets kunnen gebruiken. Maar deze app alleen gebruiken als je min. level 8 cool bent anders heeft het natuurlijk geen enkel voordeel.


On topic,
Als we nog even de hele strenge leerkracht uit gaan lopen hangen dan zou je van hem "double quotes" moeten gebruiken ipv 'single quotes' maar beide werken gewoon perfect in externe stylesheets en de meeste mensen gebruiken op vandaag standaard de 'single quotes' omdat ze makkelijker te typen zijn.



Single was eigenlijk voor inline-CSS
<.div class="blaat" style=" font-family: 'Lucida Sans Unicode'; ">

Double voor de externe CSS
.blaat {
    font-family: "Lucida Sans Unicode";
}

Website progameren met CSS
18 februari 2013 - 14:45    reactie #11
geplaatst door: Peter Villevoye
Misschien een beetje late reactie (ik heb nog geen teken van een goed resultaat gezien), maar je weet hopelijk dat het aanroepen van een font ook niets meer dan het aanroepen is ? Als de bezoeker van je website dat font niet heeft, dan zal deze ook niet verschijnen. Het font wordt immers niet meegestuurd met de pagina, maar alleen aangeroepen.

Als je per se een specifiek lettertype wil laten meesturen, dan moet je gebruik maken van @font-face technieken en legaal downloadbare fonts. Die zijn er volop, onder andere bij Adobe Webfonts, van waaruit Adobe, Google en Typekit samen een hele kudde fraaie "free" fonts serveren !

http://html.adobe.com/edge/webfonts/

Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !