+- 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: Własna czcionka na stronę www - problem (/thread-wlasna-czcionka-na-strone-www-problem)
Własna czcionka na stronę www - problem - Xaoo - 17-09-2010
Witam. Mam problem ze wstawieniem własnej czcionki. Tak mam napisane w CSSie:
Kod:
@font-face {
font-family:opal;
src:url(opal.ttf);
}Kod:
h1 {
font-family:opal;
font-size:24px;
letter-spacing:1px;
color:#b5ebed;
}Wiadomo, w htmlu mam <h1>tekst</h1>. Oczywiście wyświetla się domyślna czcionka a nie ta wybrana. Font jest w folderze strony (w dobrym miejscu).
RE: Własna czcionka na stronę www - problem - Engine - 17-09-2010
Ja bym użył cufon:
http://cufon.shoqolate.com/generate/
RE: Własna czcionka na stronę www - problem - Xaoo - 18-09-2010
No właśnie, tylko co ja mam z tym zrobić po generacji czcionki? Jak jej użyć na stronie?
RE: Własna czcionka na stronę www - problem - Dhofca - 18-09-2010
masz wszystko napisane w dziale 'documentation' na stronie Cufon. Również polecam to rozwiązanie.
RE: Własna czcionka na stronę www - problem - Engine - 18-09-2010
Np:
Musi być obowiązkowo masz w "Download"
Kod:
<script type="text/javascript" src="js/cufon-yui.js"></script>Teraz wygenerowane fonty (nazwy dowolne):
Kod:
<script type="text/javascript" src="js/Century_Gothic.font.js"></script>
<script type="text/javascript" src="js/dekorat_400.font.js"></script>Wskazujemy gdzie mają być użyte nasze fonty:
Kod:
<script type="text/javascript">
Cufon.set('fontFamily', 'dekorat').replace('.title h1')('.menu h2');
Cufon.set('fontFamily', 'Century Gothic').replace('.entry')('.menu2 h3');
</script>np:
Kod:
<div class="title">
<h1>Tytuł</h1>
</div>Chyba więcej do szczęści Ci nie trzeba.
RE: Własna czcionka na stronę www - problem - Pedro84 - 18-09-2010
Zacznijmy od tego, że źle deklarujesz font face...
To jest poprawne rozwiązanie:
Kod:
@font-face {
font-family: 'DroidSansRegular';
src: url('../fonts/DroidSans-webfont.eot');
src: local('☺'), url('../fonts/DroidSans-webfont.woff') format('woff'), url('../fonts/DroidSans-webfont.ttf') format('truetype'), url('../fonts/DroidSans-webfont.svg#webfontPQ4tPnyo') format('svg');
font-weight: normal;
font-style: normal;
}