[ Zamknięty ] Jak dodać własną czcionkę?

NAPISZĘ JAK DODAĆ WŁASNĄ CZCIONKĘ DO SZABLONU

Można dodać własną niestandardową czcionkę w taki sposób, aby na każdym komputerze na świecie była widoczna prawidłowo - niezależnie od tego, czy ktoś daną czcionkę ma zainstalowaną czy też nie.

Jak to zrobić? - prościzna !

1. Do katalogu szablonu, np. szablon1, wgrywasz katalog fonts, który zawiera czcionki niestandardowe, np. Twoja-Czcionka-Bold.ttf, Twoja-Czcionka-Italic.ttf, Twoja-Czcionka-Regular.ttf. Teraz w całym folderze szablon1 znajdują się 4 katalogi: css, fonts, html, images.

2. Teraz nadszedł czas na konfigurację stylu. Wchodzisz do katalogu css i edytujesz plik template.css. Na początku dopisujesz następujący kod:

@font-face {
  font-family: "Twoja-Czcionka";
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/Twoja-Czcionka-PL-Regular.ttf);
}

@font-face {
  font-family: "Twoja-Czcionka";
  font-weight: bold;
  font-style: normal;
  src: url(/fonts/Twoja-Czcionka-PL-Bold.ttf);
}

@font-face {
  font-family: "Twoja-Czcionka";
  font-weight: normal;
  font-style: italic;
  src: url(/fonts/Twoja-Czcionka-PL-Italic.ttf);

W dalszej części pliku używasz nazwy Twojej czcionki w sekcjach rozpoczynających się od font-family: w tych częściach szablonu, w których ma być użyta, np:

#art-main, table
{
    font-family: Twoja-Czcionka, Arial;
    font-size: 13px;
}

lub

.art-vmenu a .t, ul.art-vmenu ul a
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
}

itp.

No niestety u mnie coś to nie działa...

O to kod jaki powstał po wklejeniu tych kodów itp.

/* begin Page */
/* Created by Artisteer v3.1.0.46558 */

@font-face {
  font-family: "Sansation";
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/Sansation_Regular.ttf);
}

@font-face {
  font-family: "Sansation";
  font-weight: bold;
  font-style: normal;
  src: url(/fonts/Sansation_Bold.ttf);
}

@font-face {
  font-family: "Sansation";
  font-weight: normal;
  font-style: italic;
  src: url(/fonts/Sansation_Italic.ttf);
  }

#art-main, table
{
   font-family: Sansation,Sansation, Sansation, Sansation;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent-body,
ul.art-vmenu a
{
   text-align: left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered
{
   font-family: Sansation,Sansation, Sansation, Sansation;
   font-size: 15px;
}

Tutaj dlatego jest cąły czas: Sansation,Sansation, Sansation, Sansation

gdyż dałem zamień: Arial, Sans-Serif itp. czcionki po to aby się wyświetlała tylko czcionka Sansation.

Utworzyłem folder: fonts i wgrałem pliki dotyczące czcionki,alee...nicc strona się wyświetla, lecz jest wszystko białe czcionka jakaś się pokazuję i wszystko się porozjeżdżało... O co chodzi? Niecierpliwie czekam na odp. Pozdrawiam!

Drodzy forumowicze bardzo was proszę o pomoc, gdyż bardzo zależy mi na tym żeby moja strona wyglądała estetycznie i ładnie a nie jakieś byle co... Ta domyślna czcionka mnie już dobija.. Zrobiłem tak jak jest napisane. Więc:

Stworzyłem szablon. W całym pliku utworzyłem folder o nazwie fonts. Następnie ściągnąłem czcionkę. Wrzuciłem do folderu fonts. Otworzyłem plik css i zaraz na począlu tak jak w moim poprzednim poście wkleiłem:

/* begin Page */
/* Created by Artisteer v3.1.0.46558 */

@font-face {
  font-family: "Sansation";
  font-weight: normal;
  font-style: normal;
  src: url(/fonts/Sansation_Regular.ttf);
}

@font-face {
  font-family: "Sansation";
  font-weight: bold;
  font-style: normal;
  src: url(/fonts/Sansation_Bold.ttf);
}

@font-face {
  font-family: "Sansation";
  font-weight: normal;
  font-style: italic;
  src: url(/fonts/Sansation_Italic.ttf);
  }

Tylko nie wiem czy dobrze nazwałem swoją czcionkę? Czy ma być w  font-family: "Sansation";

Czy też może: font-family: "Sansation_Bold"

Zamieniłem bo miałem font-family: Arial, Calibri itp. na > font-family: "Sansation"

Spakowałem wszystko o nic.. Z początku biała strona... i tekst itp.

I?

Nie działa.. Nic się nie zmieniło jak było tak jest...

Ja też miałam problemy z niestandardową czcionką - głównie pod firefoxem 3.6 nie była widoczna. Nowsze przeglądarki nie miały problemów.

Udało mi się z tym uporać dzięki stronie: http://fontsforweb.com/font/show?id=469, która generuje gotowy kod do wstawienia na stronie.

Nie wiem tylko dlaczego, ale jak wstawiam na podstawie wygenerowanego kodu ścieżkę do czcionki na swoim serwerze, czcionka  nie jest widoczna pod FF. Jak podaje tak jak w przykładzie - czyli ścieżka do "fontsforweb" wszystko jest w porządku ... jakieś czary :]

to co masz w "Copy/Paste code" wklejasz do index.php przed </head>

Do css wklejasz fontsforweb_fontid_469
czyli np. .fontsforweb_fontid_469 {
    font-family: 'moja czcionka';
}
Jak ściągniesz paczkę "Download full zip package" - prawy górny róg strony podanej przeze mnie, wszystko będzie jaśniejsze. Wśród plików będzie "font.css" - gotowy kod do wklejenia do css.