Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Czionki na WordPress - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Czionki na WordPress (/thread-czionki-na-wordpress)



Czionki na WordPress - adr805 - 01-10-2011

Witam
Ostatnio stworzyłem szablon do WordPressa w artisteer. Mój problem polega na tym, że nie mam za dużego obycia z css i chciałbym abyście mi sprawdzili jaki jest błąd w tym kodzie, ponieważ nie działa mi synchronizacja z tym linkiem do czcionki. Pokazuję Arial zamiast mojej. Bardzo proszę o odpowiedź.

font-family: U.S. 101;
font-src: url(http://domena.pl/font.TTF);
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
color: #333333;
padding: 0 17px;
margin: 0 0px;
line-height: 22px;
text-align: center;


RE: Czionki na WordPress - Flake - 02-10-2011

font-src ?

raczej powinieneś użyć takiej konstrukcji:

Kod:
@font-face {
  font-family: U.S. 101;
  src: url(http://domena.pl/font.TTF) format("opentype");
}

i o jeśli U.S. 101 to jest nazwa jednej czcionki to powinna być w ""

"U.S. 101"


RE: Czionki na WordPress - adhd_kid - 06-11-2011

Najlepiej przepuść swoją czcionkę przez usługę FontSquirrel:

http://www.fontsquirrel.com/fontface/generator

wygeneruje Ci czcionki w ttf, otf, woff, svg i co tam jeszcze nie wymyślili i dostaniesz do tego gotowy kod css, który będzie wyglądał mniej więcej tak:

@font-face {
font-family: "TwojaCzcionka";
src: url('twojaczczionka.eot');
src: url('twojaczczionka.eot?#iefix') format('embedded-opentype'),
url('twojaczczionka.woff') format('woff'),
url('twojaczczionka.ttf') format('truetype'),
url('twojaczczionka.svg#TwojaCzczionka') format('svg');
font-weight: normal;
font-style: normal;

}

zadziała praktycznie na wszystkim co się rusza Smile


RE: Czionki na WordPress - rev5 - 12-11-2011

Ja proponuje skorzystać z Google Web Fonts albo Cufon