Jump to content

[SOLVED] Instalacja nowej czcionki


Recommended Posts

Witam

 

W jaki sposób wrzucić czcionką która będzie generowana z poziomu serwera/strony ze sklepem a nie systemu na którym sklep będzie przeglądany? Gdzie wgrać pliki czcionek? Jak i w którym pliku zdefiniować dostęp do nich ?

Edited by dzilupl (see edit history)

Share this post


Link to post
Share on other sites

najlepiej będzie umieścić je w katalogu w którym masz główny plik css czyli /themes/TWOJ_SZABLON/css/

 

następnie definiujesz kod:

@font-face
{
font-family: arial;
src: url('arial.ttf')
}

Share this post


Link to post
Share on other sites

Dzięki. A tą definicję muszę dodawać przy każdym wystąpieniu font czy może wystarczy raz gdzieś w global.css dodać wpis i na zasadzie np:

@font-face
{
font-family: MojaCzcionka;
src: url('MojaCzcionka.ttf')
}

i później tylko kod np:

body{
    font:normal 11px/14px MojaCzcionka;

Share this post


Link to post
Share on other sites

@font-face
{
font-family: MojaCzcionka;
src: url('MojaCzcionka.ttf')
}

 

to dodajesz tylko jeden raz w globalnym pliku z cssami (globalnym, czyli takim który zawsze będzie ładowany na stronach)

 

następnie już normlanie - w dowolnym miejscu, kiedy chcesz możesz ustawić sobie style css dla dowolnego elementu z wykorzystaniem jedynie "font-family: MojaCzcionka;"

  • Like 1

Share this post


Link to post
Share on other sites

Już chyba ostatnie 2 pytania w temacie :)

Jeśli chcę zdefiniować więcej własnych czcionek to ma być np :

@font-face
{
font-family: MojaCzcionka;
src: url('MojaCzcionka.ttf')
}

@font-face
{
font-family: MojaCzcionka2;
src: url('MojaCzcionka2.ttf')
}

Co jeśli dla każdego fonta bold i italic mam w osobnym pliku ttf - jak to skonfigurować żeby można było później używać np font-weight:bold;

Edited by dzilupl (see edit history)

Share this post


Link to post
Share on other sites

To jeszcze tylko temat - co jeśli dla każdego fonta bold i italic mam w osobnym pliku ttf - jak to skonfigurować żeby można było później używać np font-weight:bold;

 

i będzie SOLVED :)))

Share this post


Link to post
Share on other sites

w oparciu o wiedzę jaką posiadam o CSS mogę jedynie powiedzieć, że jedyne co wchodzi w grę  to definiowanie nowych czcionek typu 

@font-face{ font-family: myFont-bold ...

@font-facefont-family: myFont-italic ...

 

mogę się mylić, ale nigdy dotąd nie spotkałem innego rozwiązania

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More