Č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á...



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"> 


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>

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ě.