Kilka dodatkowych styli czcionki 

Obiecałam dodać część drugą z dodatkowymi stylami 

 

Oto kilka przykładów: 

1 

<span style=" font-size: 16px;color: #009999; font-weight: bold; font-

style: italic;"> MIEJSCE na Twój 

tekst </span> 

 

2 

<a style="font-family: EFN zefir; font-size: 18px; color: #FF3300;  font-weight: bold;">MIEJSCE na 
Twój tekst </a> 

 

3 

<a style="font-family: EFN tess; font-

size: 18px; color: #009900;">MIEJSCE na Twój tekst  </a> 

 

4 

<a style="font-family: EFN tamiza; font-size: 18px; color: #990033;  font-weight: bold;">MIEJSCE na 
Twój tekst </a> 

 

5 

<a style="font-family: EFN skrypt; font-size: 18px; color: #3399CC;  font-weight: bold;">MIEJSCE na 
Twój tekst </a> 

 

6 

<a style="font-family: EFN serpentine; font-size: 18px; color: #CC0066;  font-weight: bold;">MIEJSCE 
na Twój tekst </a> 

 

7 

<a style="font-family: EFN RexFont; font-

size: 18px; color: #330099;">MIEJSCE na Twój tekst </a> 

 

8 

<a style="font-family: EFN etiopia; font-

size: 18px; color: #0066CC;">MIEJSCE na Twój tekst </a> 

 

9 

<a style="font-family: EFN dokument; font-size: 18px; color: #663399;  font-weight: bold;">MIEJSCE 
na Twój tekst </a> 

 

10 

<a style="font-family: EFN gedeon; font-size: 19px; color: red;  font-

weight: bold;">MIEJSCE na Twój 

tekst </a> 

A tak będzie to wyglądało w opisie folderu: 

 

Podam jeszcze adres strony z kolorami: 

http://www.statom.pl/HTML/kolory.html

 

to tylko jedna z licznych stron tego typu, są tam oznaczenia kolorów, które można 
podmieniać w poleceniu html 



 

Pokażę tu screena jak to wygląda na podanej stronie: 

 

Widać tu symbole obok kolorów…. ten biały pasek zaznaczony obok koloru fioletowego, to 
właśnie ślad zaznaczenia symbolu, którego użyłam do wklejenia

  

Może jeszcze wytłumaczę kwestię pogrubienia i pochylenia tekstu. 

W przykładowym kodzie: 

<a style="font-family: EFN dokument; font-size: 18px; color: #663399;  

font-weight: 

bold;

">MIEJSCE na Twój tekst </a> 

font-weight: bold; 

zaznaczyłam na niebiesko…. Właśnie to polecenie odpowiada za 

pogrubienie tekstu. 

Pokażę jak to wygląda w praktyce  

 

<a style="font-family: EFN dokument; font-size: 18px; color: #663399;

">MIEJSCE na Twój 

tekst </a> 

A tak wygląda kod tego stylu bez pogrubienia… czyli tekst pierwszy na zamieszczonym 
rysunku. 

Niektóre czcionki bardziej efektownie wyglądają właśnie po pogrubieniu, ale nie wszystkie…. 

Są też takie, które tracą na wyglądzie, bo po prostu są za grube. 

No i jeszcze pochylenie tekstu 

<a style="font-family: EFN tess; font-size: 18px; color: #0099

00;">MIEJSCE na Twój tekst  

</a> 

Ten tekst będzie prosty 

<i style="font-family: EFN tess; font-

size: 18px; color: #009900;">MIEJSCE na Twój tekst  

</i> 

A ten pochylony…. odpowiada za to literka umieszczona w ostrym nawiasie 

Czyli 

<a

 

na początku kodu i 

</a>

 

na końcu oznacza tekst prosty 

Natomiast 

<i

 

na początku oraz 

</i> 

na końcu oznacza tekst pochylony 

W praktyce wygląda to tak: 

 

 

Życzę miłej zabawy  

                                   

Anna_M