GoldenLine
Zaloguj się
Julek Blady

Julek Blady pytajnik

Temat: Gantry Quasar - własna czcionka na bazie CG Omega

Proszę o podpowiedź, jak zmienić czcionkę na swoją własną (przerobioną CG Omega - "nazwa.ttf") w szablonie Quasar (Gantry).

http://witrynaprobna.pl

Byłbym wdzięczny za instrukcje kompleksowe, bo szukałem wszędzie i na forach jest taki syf, że nie sposób się zorientować, co z tych śmieci da się poskładać. Ponadto nie ma żadnej instrukcji dotyczącej tego szablonu, więc może wreszcie powstanie.
Link do wypowiedziLink
Mateusz Jazowy

Mateusz Jazowy Mateusz

Temat: Gantry Quasar - własna czcionka na bazie CG Omega

Musisz skorzystać z @font-face, na tej stronie http://www.fontsquirrel.com/tools/webfont-generator wygenerujesz sobie kod i pliki czcionki w innych formatach otf.
Zapisz paczkę, rozpakuj dodaj pliki do szablonu popraw ścieżki css.Mateusz Jazowy edytował(a) ten post dnia 08.03.13 o godzinie 17:41
Link do wypowiedziLink
Julek Blady

Julek Blady pytajnik

Temat: Gantry Quasar - własna czcionka na bazie CG Omega

Bardzo dziękuję za szybką odpowiedź. Czcionkę wygenerowałem wg Twojej instrukcji. Nie ma folderu "fonts" w szablonie quasar, więc go utworzę. Rozpakowałem paczkę i całość tak jak jest wrzucam do utworzonego folderu "fonts" - kilka plików czcionki z rozszerzeniami eot, woff, jakieś pliki tekstowe, jeden folder - w sumie 12 plików.
I teraz "popraw ścieżki ccs". Gdzie, jak i od czego zacząć?
Link do wypowiedziLink
Mateusz Jazowy

Mateusz Jazowy Mateusz

Temat: Gantry Quasar - własna czcionka na bazie CG Omega

Wygenerowałem dla siebie font 'monaco' w pliku stylesheet.css masz mniej więcej taki kod 
@font-face {

    font-family: 'monacoregular';

    src: url('monaco-webfont.eot');

    src: url('monaco-webfont.eot?#iefix') format('embedded-opentype'),

         url('monaco-webfont.woff') format('woff'),

         url('monaco-webfont.ttf') format('truetype'),

         url('monaco-webfont.svg#monacoregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

musisz poprawić ścieżkę bo twój plik css jest w folderze a nie obok pliku index.php jak w pobranej paczce na taką 
@font-face {

    font-family: 'monacoregular';

    src: url('../fonts/monaco-webfont.eot');

    src: url('../fonts/monaco-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/monaco-webfont.woff') format('woff'),

         url('../fonts/monaco-webfont.ttf') format('truetype'),

         url('../fonts/monaco-webfont.svg#monacoregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

teraz poprawiony kod wklej do pliku css na samej górze strony.
Nazwa fontu której będziesz chciał użyć jest tu font-family: 'monacoregular';
Jeżeli chcesz zmieniać font nagłówka h3 to piszesz 
h3 { font-family: 'monacoregular'; }
Link do wypowiedziLink
Julek Blady

Julek Blady pytajnik

Temat: Gantry Quasar - własna czcionka na bazie CG Omega

W pliku stylesheet.css zmieniłem ścieżki z:

@font-face {
font-family: 'monacoregular';
src: url('monaco-webfont.eot');
src: url('monaco-webfont.eot?#iefix') format('embedded-opentype'),
url('monaco-webfont.woff') format('woff'),
url('monaco-webfont.ttf') format('truetype'),
url('monaco-webfont.svg#monacoregular') format('svg');
font-weight: normal;
font-style: normal;
}

na

@font-face {
font-family: 'monacoregular';
src: url('../fonts/monaco-webfont.eot');
src: url('../fonts/monaco-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/monaco-webfont.woff') format('woff'),
url('../fonts/monaco-webfont.ttf') format('truetype'),
url('../fonts/monaco-webfont.svg#monacoregular') format('svg');
font-weight: normal;
font-style: normal;
}

i nadpisałem go na ftpie.

"teraz poprawiony kod wklej do pliku css na samej górze strony." - jakiego ccs? stylesheet.css? jeżeli tak, to dlaczego na samej górze strony skoro to jedyna treść, która w nim jest?Julek Blady edytował(a) ten post dnia 08.03.13 o godzinie 20:13
Link do wypowiedziLink
Mateusz Jazowy

Mateusz Jazowy Mateusz

Temat: Gantry Quasar - własna czcionka na bazie CG Omega

Poprawiony kod wklej do pliku css szablonu twojej strony.
Link do wypowiedziLink
Julek Blady

Julek Blady pytajnik

Temat: Gantry Quasar - własna czcionka na bazie CG Omega

wkleiłem do template.ccs i nic,
później do style1.ccs i też nic.

obydwa pliki w folderze ccs danego szablonu (template to główny?), a style1, to ten, którego używam jako 1 z 6 możliwych opcji graficznych.
Link do wypowiedziLink
« Wróć do tematów
Odpowiedz

Podobne tematy


Następna dyskusja:

Kilka stron Joomla na jedne...




Wyślij zaproszenie do
Anuluj