Korektní změna definice @font-face

Úvodní stránka Fórum podpory WordPressu Problémy s WordPressem Korektní změna definice @font-face

Zvolené téma obsahuje celkem 9 odpovědí. Do diskuze (3 účastníci) se naposledy zapojil uživatel  togur a poslední změna je stará 11 let, 10 měsíců.

Aktuálně je na stránce zobrazeno 10 příspěvků - 1. až 10. (z celkem 10)
  • Autor
    Příspěvky
  • #1736

    togur
    Participant
    Web

    V šabloně je definován vlastní font:

    @font-face {
    font-family: 'ColaborateThinRegular';
    src: url('fonts/ColabThi-webfont.eot');
    src: url('fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/ColabThi-webfont.woff') format('woff'),
    url('fonts/ColabThi-webfont.ttf') format('truetype'),
    url('fonts/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    Vzhledem k tomu, že font nezobrazuje správně diakritiku, chci předpis změnit tak aby zobrazoval defaultní font definovaný v body.

    Korektní řešení asi bude vytvořit child theme a ve style.css změnit definici.

    Jak správně zapsat, že zdroj se má rovnat body (Helvetica, Arial, sans-serif)?

    Jde to i nějak jinak / lépe?

    Dík za každý tip.

    #11797

    Lukenzi
    Participant

    A co to smazat?

    #11798

    togur
    Participant
    Web

    Ano to bude fungovat. Do upgrade?

    #11799

    togur
    Participant
    Web

    Řešení, které navrhuje Lukenzi je funkční. Ale při prvním upgrade šablony přijdu o úpravy. Tomu se chci vyhnout.

    Napadlo mě v css child theme uvést v definici @font-face neexistující url. Pak browser font nenajde a použije definici v body. Je to ale košer? Nedá se to lépe? Co kdybych chtěl ten typ fontu přiřadit na defaultní serif sadu (na rozdíl od body, která je sans-serif)?

    #11800

    Lukenzi
    Participant

    child theme je dobrá volba pokud se bojíš aktualizací, prázdné URL vadit nebude ale košer to rozhodně není :) Je to 1 http dotaz navíc a tedy zpomalení načítání (sice kapka v moři, ale…)

    Jiné řešení mě nenapadá.

    #11801

    togur
    Participant
    Web

    lukenzi: díky.

    Stál při mě Google a tohle jsem našel: http://www.w3.org/TR/css3-fonts/#font-resources

    Takže funguje

    @font-face {
    font-family: 'ColaborateThinRegular';
    src: local(Cambria), local(Times New Roman);
    }

    Uvědomuji si nevýhody ale nic lepšího už asi není (použití názvu rodiny fontů nefunguje). Buď tohle nebo se naučit nedělat si starosti a mít rád aktualizace ;-)

    #11802

    Lukenzi
    Participant

    A podobný font i s háčky se nedá najít na http://www.google.com/webfonts ? Podle názvu jsem nic nenašel ale možná tam bude i pěknější :)

    #11803

    togur
    Participant
    Web

    “Vždyť je to tak prosté, milý Watsone!”

    Jasně že máš pravdu! Já se snad picnu!

    Díky!

    #11804

    admin
    Keymaster
    Web

    togur: Jaké má přesně nevýhody výše uvedená definice, kdy tomu původně načítanému fontu přiřadíte nějaký lokální (systémový) font?

    A ještě mě napadlo, že by se @font-face vlastně nemusel vůbec měnit, ale v odvozené šabloně by se pak musel měnit font u všech definovaných prvků. Tedy neměnilo by se načítání fontu ColaborateThinRegular, ale nikde by se nepoužil, respektive by se všude použil např. font Cambria. Ale to asi záleží na šabloně, na kolika místech by se to muselo měnit.

    A všechna řešení mají asi jednu hlavní nevýhodu – stále se bude načítat v původní šabloně definovaný font ColaborateThinRegular, i když to v odvozené šabloně změníme? Takže z hlediska optimalizace webu by asi bylo nejlepší v podstatě to “nejhorší” řešení – umáznout to v původní šabloně :-)

    #11805

    togur
    Participant
    Web

    admin: (ad nevýhoda) nelze použít obecný název font family -> jak to ošetřit pro různé platformy. Jistě, nic zásadního.

    Důvodem, proč nechci šahat do původní šablony je, že se použití fontu vyskytuje v původním css na více místech.

    Ano, umazání definice by bylo asi nejjednoduší. Ale ve všech “best practices” varují před zásahem do původní šablony a upřednostňují child theme. Asi jsem příliš úzkostlivý ;-)

    Každopádně díky všem za podnětné připomínky.

Aktuálně je na stránce zobrazeno 10 příspěvků - 1. až 10. (z celkem 10)

Pokud chcete odpovědět na toto téma, musíte se nejdříve přihlásit.

WordPress – novinky, návody a zajímavosti