Často vidím na jiných blozích, že v šabloně je nastavené písmo, které ale nepodporuje všechny znaky, tudíž písmena s čárkami a háčky nemusí fungovat. Takže dnes mám pro vás návod, jak správně do šablony zakomponovat font, aby fungoval tak, jak má...
V pravém menu si opět hledáte nastavení a typy písma. Široké, tenké, ručně psané a podobně. Můžete si navolit opět Latin extended, ale už to není stoprocentní, že vám to ukáže jen písma, kde diaktirika půjde...
Zvolený text, tedy moje kouzelná písmenka, vložíte přímo do typu písma, které se vám líbí... A u toho, co chcete kliknete na plus... Zobrazí se vám šedá lišta, kde uvidíte všechny písma, která se vám uloží. Po ukončení výběru na ni kliknete.
V záložce Customize pro jistotu zaškrtněte obě položky - Latin i Latin extended, pokud jsou a pokud vám to šablona povolí. Pokud bude šablona vyhazovat hlášky o chybě, Latin Extended nepoužívejte ... Tuhle část obvykle ignoruji.
V záložce Embed zvolíte buď Standart a text zkopírujete, vložíte za <head>, až nad css styly
Druhá možnost je použít @import, a to se vkládá jako v předcházející verzi hned za </b:skin>, tedy pod css styly
A pak už to zůstává stejné, v posledním kroku na google fonts si už jen zkopírujete název fontu font-family: ..., který použijete v css stylu tam, kde potřebujete. V textu, nadpisech a podobně, například takto:
A to je vše... :-) Už by to mělo fungovat správně.
Můj návod.
Kopírovat se zdrojem!
Fonty si vybírám přímo na googlu. A abych si zajistila, že mi půjde diakritika, vyplním si do zkušebního textu následující text
ěščřžýáíéťďňĚŠČŘŽÝÁÍÉŤĎŇ
V pravém menu si opět hledáte nastavení a typy písma. Široké, tenké, ručně psané a podobně. Můžete si navolit opět Latin extended, ale už to není stoprocentní, že vám to ukáže jen písma, kde diaktirika půjde...
Zvolený text, tedy moje kouzelná písmenka, vložíte přímo do typu písma, které se vám líbí... A u toho, co chcete kliknete na plus... Zobrazí se vám šedá lišta, kde uvidíte všechny písma, která se vám uloží. Po ukončení výběru na ni kliknete.
V záložce Customize pro jistotu zaškrtněte obě položky - Latin i Latin extended, pokud jsou a pokud vám to šablona povolí. Pokud bude šablona vyhazovat hlášky o chybě, Latin Extended nepoužívejte ... Tuhle část obvykle ignoruji.
V záložce Embed zvolíte buď Standart a text zkopírujete, vložíte za <head>, až nad css styly
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='...' name='keywords'/>
<meta content='...' name='author'/>
<meta content='...' name='description'/>
<meta content='index, follow' name='robots'/>
<meta content='text/html; charset=utf-8' http-equiv='content-type'/>
<link href="https://fonts.googleapis.com/css?family=Modak&subset=latin-ext" rel="stylesheet">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta content='...' name='keywords'/>
<meta content='...' name='author'/>
<meta content='...' name='description'/>
<meta content='index, follow' name='robots'/>
<meta content='text/html; charset=utf-8' http-equiv='content-type'/>
<link href="https://fonts.googleapis.com/css?family=Modak&subset=latin-ext" rel="stylesheet">
Druhá možnost je použít @import, a to se vkládá jako v předcházející verzi hned za </b:skin>, tedy pod css styly
<style>
@import 'https://fonts.googleapis.com/css?family=Modak&subset=latin-ext';
</style>
@import 'https://fonts.googleapis.com/css?family=Modak&subset=latin-ext';
</style>
A pak už to zůstává stejné, v posledním kroku na google fonts si už jen zkopírujete název fontu font-family: ..., který použijete v css stylu tam, kde potřebujete. V textu, nadpisech a podobně, například takto:
A to je vše... :-) Už by to mělo fungovat správně.
Pokud vás článek zaujal, můžete sdílet
Lucy Lillianne
V posledních letech jsem neskutečně podlehla knihám. Nejen jejich čtení, blogování o nich, ale i nakupování. Ráda si rozšiřuji knihovničku a velice mě mrzí, když vidím tolik knih, které nemohu mít. Přesto jsem ráda za každý kousek, který se mi dostane do rukou. Největší radost mi dělají žánry fantasy a sci-fi, v poslední době hodně ujíždím na apokalyptických a dystopických knihách a když si potřebuji odpočinout, často sáhnu po nějakém thrilleru nebo jiné napínavé četbě...
Samozřejmě nepohrdnu ani lehčí četbou. Nejméně mě lákají romantické knihy, i když i tam občas dojde k nějaké výjimce. Doufám, že čtení mě bude bavit ještě dlouho, protože můj seznam je téměř nekonečný... :-)
To nejdůležitější,
co o mě musíte vědět je, že je mi přes třicet, mám ráda knihy, filmy, nekonečné lenošení a čokoládu. Blogování mě strašně baví
a věčně jsem nespokojená s designem, pořád do něj vrtám :-) A ze všeho nejraději spím :-P. 
Tohle je super! Dík za návod! :) S těmi háčky občas docela bojuju a přenastavovat font posedmé se mi většinou nechce.
OdpovědětVymazatObvykle se tam dá najít písmo, které blbne, ale když se to udělá tímto postupem, mělo by to být ok :-)
VymazatVelká škoda, že to platí jen pro blogspot, jinak je to skvělý návod! :)
OdpovědětVymazathttp://boook-planet.webnode.cz/
Díky :-)
Vymazatdekuji...
VymazatTyhle tipy pro blogery jsou perfektní! S řadou věcí se bezradně potýkám, protože opravdu nejsem žádný IT expert, a tohle je fat nápomocné, tak jen tak dál :-)
OdpovědětVymazatTo jsem ráda :-)
Vymazatto jsem rada :-) dekuji
VymazatDěkuju moc :) Ono je to pak hrozně nevzhledné :p
OdpovědětVymazatNení zač :-)
Vymazatjj, to znam, kdyz jsem zacinala, nasla jsem si treba nadhernou sablonu, ale to pismo me odradilo...
Vymazat