1

Temat: Jak dodać własną czcionkę?

Witam i od razu sieję pytaniem:
Jak dodać do programu własną czcionkę tak aby można ją było wybrać przy tworzeniu projektu?

Wklejenie jej do folderu: Artisteer 3 > Library > Fonts nic nie dało (czcionka dalej nie jest dostępna z wybieralnej listy dostępnych czcionek).

Ktoś mi coś na to poradzi?

2

Odp: Jak dodać własną czcionkę?

Program Artisteer pobiera czcionki z systemu operacyjnego.
Dlatego przed rozpoczęcie pracy z programem trzeba dodać wybrane przez siebie czcionki.

Pamiętaj, że po utworzeniu szablonu będziesz musiał dograć czcionki na hosting i dać odpowiednie odniesienie w pliku css bo Twoi użytkownicy będą widzieli Domyślną najbliższą czcionkę lub po prostu zobaczą krzaki.

Crypt3r.pl - grafika, stronki, skrypty.
Start: 26.07.2015.

3 (edytowany przez andrzejw 2011-09-15 12:03:58)

Odp: 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.

4

Odp: Jak dodać własną czcionkę?

GrandBB

Tak właśnie również o to mi chodziło. Zerknijcie na temat: Niedziałająca czcionka szablonuArti 3.0 w Joomla

Dowiedziałem się teraz jak dodawać własną zaprojektowaną czcionkę, ale teraz właśnie co mam zrobić jak instaluję szablon np. w CMS Joomla to co mam robić, bo mi się właśnie nie pokazuje na mojej stronie nie tak jak trzeba.
Całkiem inaczej niż w generatorze Arto 3.0

To może teraz czas na poradnik albo rady jak rozwiązać problem ten MÓJ wyżej? Pozdrawiam was!

5

Odp: Jak dodać własną czcionkę?

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!

6

Odp: Jak dodać własną czcionkę?

Raczej mi pewnie nie pomożecie.. Szkoda.. Jestem zielony i nie wiem co mam robić..

7

Odp: Jak dodać własną czcionkę?

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...

8

Odp: Jak dodać własną czcionkę?

Widzę, że na tym forum to aktywność w tematach kończy się na 2/3 odp. Myślę, że jakbyśmy w końcu rozwikłali ten problem to dużo osób by z tego skorzystało. Pozdrawiam.

9

Odp: Jak dodać własną czcionkę?

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 :]

10

Odp: Jak dodać własną czcionkę?

Bardzo Ci dziękuję za odp ;] Jako jedyna osoba zdecydowała się mi pomóc, tylko nie wiem gdzie mam wklejać. Ten kod co jest w : Copy/Paste code < do pliku CSS czy gdzie? Bo jestem zielony..

Nie wiem jeszcze gdzie mam to wkleić?

Now to apply add this class to any element:

fontsforweb_fontid_469

^^^^^^^^^^^^^^^^
O to.

Pozdrawiam i strasznie Ci dziękuję za odp. Pozdrawiam!

11

Odp: Jak dodać własną czcionkę?

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.

12

Odp: Jak dodać własną czcionkę?

Koleżanki i koledzy rozwikłałem problem i to jeszcze lepszy!

Wchodzisz na :

http://www.google.com/webfonts#ChoosePlace:select

Wybierasz czcionkę.

Klikasz :    Add to Collection

Wchodzisz w : Use ( prawy dolny róg )


Cały kod w: Add this code to your website kopiujesz w index.php przed </head>

Wchodzisz w template.css

Zmieniasz font-family na określoną czcionkę

To by było na tyle.

Pozdrawiam!