Vlastní font na webu

[MarpParticipant]

Zdravím vás. Chtěl bych na vlastním webu použít font Bahamas: http://www.ceskefonty.cz/ceske-fonty/bahamas – mám tento font nainstalovaný a tedy svou stránku s tímto písmem vidím korektně.

V šabloně, kterou jsem si udělal, ho mám použitý, v CSS souboru je: font-family: Bahamas, Arial, Helvetica, Sans-Serif;

O funkci: @font-face samozřejmě vím, ale jak tam zapsat toto písmo?

Složku s písmem Bahamas mám samozřejmě ve složce se šablonou. Písmo je typu TTF.

Můj web je zde: http://www.replikator.cz

Díky za nakopnutí správným směrem ;)

[neteyesczParticipant]

Takhle ve spěchu Vám dám tip na plugin, je tam cirka 1000 fontů.

http://wordpress.org/extend/plugins/font/

Možná tam bude i ten Váš.

[MarpParticipant]

No, plugin jsem stáhnul a nainstaloval, písem tam je fůra, moje sice nebylo, ale na ten server jsem se registroval a písmo Bahamas nahrál. Pomocí pluginu mi ale stejně nejde přidat, ještě s tím laboruji. Na webu Free web fonts se po nahrání vygenerují kódy:

<style type=”text/css”>

@font-face{

font-family: “BAHAMAS0”;

src: url(‘http://fontsforweb.com/public/fonts/1133/BAHAMAS0.eot’);

src: local(“Bahamas”), url(‘http://fontsforweb.com/public/fonts/1133/BAHAMAS0.ttf’) format(“truetype”);

}

.fontsforweb_fontid_1133 {

font-family: “BAHAMAS0”;

}

</style>

pro normální typ a

<style type=”text/css”>

@font-face{

font-family: “BAHAMASB”;

src: url(‘http://fontsforweb.com/public/fonts/1134/BAHAMASB.eot’);

src: local(“Bahamas Bold”), url(‘http://fontsforweb.com/public/fonts/1134/BAHAMASB.ttf’) format(“truetype”);

}

.fontsforweb_fontid_1134 {

font-family: “BAHAMASB”;

}

</style>

pro Bold typ…

Ale ať to vložím do header.php nebo do style.css tak se změna neprojeví – zkouším to průběžně na jiném PC, kde font Bahamas nainstalovaný není.

[mirekkParticipant Web]

Toto je příklad zápisu do style.css podle Kodexu (http://codex.wordpress.org/Playing_With_Fonts).

Nebude chyba v uvozovkách font-family: xxxx ?

@font-face {

font-family: Museo300;

src: local(‘Museo300-Regular’),

url(“fonts/Museo300-Regular.ttf”) format(‘truetype’);

font-weight: normal;

}

[MarpParticipant]

Vyzkouším, díky ;) …prozatím, než to pořeším, tak jsem to udělal šalamounsky: hned na úvodní stránce je ukázka fontu i link na stažení, takže si kdokoliv může font nainstalovat. Ostatní vidí web se základním písmem Arial, ale i tak to nevypadá zle ;)

[neteyesczParticipant]

mirekk: Díky za reakci.

Tak já osobně bych nedával na svůj web jiný font, než ten, co se instaluje defaultně např. na Winech, Linuxech, Macách. Jinak ani s Arialem tvůj web nevypadá špatně.

[MarpParticipant]

Tak to nechám s tím “šalamounským” řešením ;) Kdo bude chtít ten font, si ho stáhne a je to :-)

[lucky.manParticipant Web]

Promiň, ale instalovat font? To bych nečekal od někoho, kdo nabízí “tvorbu webů, webdesign a tvorbu šablon pro WordPress”. Mimochodem čitelnost fontu Bahamas na webu je mizerná.

[MarpParticipant]

A co je na tom špatného? Nabídnout font ke stažení. Proto tohle řešení, kde je na výběr, protože nikoho nenutím ;)

Mimochodem, před finálním použitím fontu na webu jsem otestoval na čtyřech normálních uživatelích, jestli jim nedělá problém texty přečíst a ani jednomu to žádnej problém nedělalo. Naopak se jim písmo líbilo ;)

[lucky.manParticipant Web]

OK, je to tvůj boj.

[neteyesczParticipant]

Mě to sice připadá jako blbost, ale každý svého webu strůjcem, to musíme uznávat.

[Autor]

Příspěvky