EN
Hledání ...

Fonty webových stránek

Nastavení stylu textu webových stránek v Pixpě vám umožňuje ovládat typografii na celém webu. Od nadpisů a titulků až po text a popisky si můžete přizpůsobit styly písma, velikosti a řádkování tak, aby odpovídaly vizuální identitě vaší značky.

Pixpa podporuje více než 300 písem z repozitáře Google Fonts a také výběr písem s licencí OFL, které můžete volně používat. Úpravou stylů textu můžete zajistit konzistenci a zlepšit čitelnost na všech stránkách vašeho webu.

V tomto článku:

  1. Aktuální sada písem
  2. Předvolby písem
  3. Pokročilé úpravy
  4. Obnovit vlastní nastavení
  5. Alternativní písma od Googlu

Písma pro svůj web můžete spravovat z Design (1) sekce.

Jakmile jste v sekci Design, klikněte na Fonty (2) tab.

Aktuální sada písem

  • Vybraná Přednastavené písmo Zde se zobrazí (1).
  • Můžete si upravit Záhlaví (2) a Odstavec (3) font pro vybranou předvolbu.

Poznámka: Po provedení vlastních úprav v možnostech palety barev nebo v části Pokročilé úpravy se zobrazí „Upraveno“ (4).

  • Horní text (5) představuje písmo nadpisu.
  • Nižší text (6) představuje písmo odstavce.

Poznámky:

  • Změna písma nadpisu ovlivní také nadpis webu a položky nabídky.
  • Změna písma odstavce ovlivní také tlačítka, galerie (název obrázku) a text zápatí.

Předvolby písem

Přednastavení písem jsou předdefinované kombinace typu písma, velikostí písma, mezer mezi písmeny a dalších typografických nastavení, které lze použít na text na celém webu.

  • Písmo můžete snadno globálně změnit výběrem kteréhokoli z nich Předvolby písma (1).
  • Filtr (2) seznam výběrem předvoleb Všechny, Patkové, Bezpatkové nebo Smíšené. Jakmile vyberete filtr, uvidíte pouze související předvolby.
  • Chcete-li vybrat a Přednastavené písmo (3), stačí na něj kliknout a Publikovat (4) změny.

  • Přejděte na konec seznamu písem, abyste si je mohli vybrat z dostupných. OFL fonty.

Pokročilé úpravy

Odtud můžete přepsat přednastavená nastavení a ručně spravovat písma pro všechny prvky vašeho webu.

Zde uvidíte následující možnosti:

Titulek webové stránky

Je to název vašeho webu, který funguje jako text loga, pokud primární logo není k dispozici.

od zde můžete:

  1. Písmo - Vyberte písmo pro název webu.
  2. Hmotnost - Vyberte váhu písma pro název webu.
  3. Velikost – Desktop – Zadejte velikost textu pro název webu na ploše.
  4. Velikost – mobilní – Zadejte velikost textu pro název webu na mobilu.
  5. Mezery mezi písmeny – Nastavte mezeru mezi písmeny v názvu webu.

Nabídka záhlaví

Je to soubor stránek, odkazů, složek, galerií atd., které umožňují uživatelům pohybovat se mezi různými sekcemi webu.

od zde, můžete přizpůsobit:

    1. Písmo - Určete písmo pro odkazy nabídky.
    2. Hmotnost - Vyberte váhu písma pro odkazy v nabídce.
    3. Velikost - Zadejte velikost textu pro odkazy nabídky.
    4. Mezery mezi písmeny – Nastavte mezeru mezi písmeny v odkazech nabídky.

    1. Písmo - Zadejte písmo pro odkazy v rozbalovací nabídce.
    2. Hmotnost - Vyberte váhu písma pro odkazy v rozbalovací nabídce.
    3. Velikost - Zadejte velikost textu pro odkazy rozbalovací nabídky.
    4. Mezery mezi písmeny – Nastavte mezeru mezi písmeny v odkazech rozbalovací nabídky.

Nadpisy

Značky nadpisů jsou zásadní, protože pomáhají strukturovat obsah, zlepšují SEO, zlepšují dostupnost a čitelnost. Pixpa poskytuje čtyři typy záhlaví. Jsou to Nadpis (H1), Nadpis (H2), Nadpis (H3) a Nadpis (H4).

od zde můžete:

  1. Písmo - Určete styl písma pro nadpis (H1).
  2. Hmotnost - Vyberte tloušťku písma pro nadpis (H1).
  3. Velikost – Desktop – Zadejte velikost písma nadpisu (H1) pro pracovní plochu.
  4. Velikost – mobilní – Zadejte velikost písma nadpisu (H1) pro mobily.
  5. Výška řádku – Určete výšku řádku písma pro nadpis (H1) (určeno pomocí em).
  6. Mezery mezi písmeny – Určete mezeru mezi písmeny textu nadpisu (H1) (určeno pomocí em).

Poznámka: Podobně jako u nadpisu (H1) můžete upravit nastavení pro styly písma H2, H3 a H4.

Odsazení textu (nadpisy)

  • Nadpisy – Zadejte odsazení pro nadpisy na vašem webu.

Odstavce

Používá se k definování a strukturování bloku textu jako odstavce. To se obecně používá pro popisy, názvy obrázků, titulky, text zápatí atd.

od zde můžete:

  1. Písmo - Vyberte styl písma pro veškerý odstavcový text (normální, malý a velký).
  2. Hmotnost - Vyberte tloušťku písma pro veškerý odstavcový text.
  3. P (Normální) – Desktop – Vyberte velikost písma Normální pro veškerý odstavcový text na ploše.
  4. P (normální) – mobilní – Vyberte Normální velikost písma všech odstavcových textů pro mobily.
  5. P (Small) – Desktop – Vyberte menší velikost písma (menší než P (Normální)) veškerého odstavcového textu na ploše.
  6. P (Small) – Mobil – Vyberte menší velikost písma (menší než P (Normální)) veškerého odstavcového textu pro mobily.
  7. P (velký) – Desktop – Vyberte větší velikost písma (větší než P (Normální)) veškerého odstavcového textu na ploše.
  8. P (velký) – mobilní – Vyberte větší velikost písma (větší než P (Normální)) veškerého odstavcového textu pro mobily.
  9. Výška řádku – Určete výšku řádku písma pro odstavcový text (určeno pomocí em).
  10. Mezery mezi písmeny – Určete mezeru mezi písmeny odstavcového textu (určeno pomocí em).

Odsazení textu (odstavce)

Odstavec – Určete výplň pro odstavce na vašem webu.

Tlačítka

Tlačítka jsou prvky, na které můžete kliknout nebo klepnout a provést konkrétní akce, jako je odeslání formuláře nebo přechod na jinou stránku.

od zde můžete:

  1. Písmo - Zde si můžete vybrat písmo pro text tlačítka.
  2. Hmotnost - Zde nastavte tloušťku písma pro text tlačítka. Můžete si vybrat mezi normální, světlou a tučnou barvou.
  3. Velikost (velká) – Nastavte velkou velikost písma pro tlačítka.
  4. Velikost (střední) – Nastavte střední velikost písma pro tlačítka.
  5. Velikost (malá) – Nastavte malou velikost písma pro tlačítka.
  6. Mezery mezi písmeny – Zde nastavte mezeru mezi písmeny textu tlačítka (uvedeno v em).

Toto je text, který se zobrazuje ve spodní části webových stránek, například informace o autorských právech, prohlášení o vyloučení odpovědnosti atd. Nastavení textu zápatí umožňují vám přizpůsobit vzhled textu v patičce vašeho webu.

  1. Písmo - Zadejte styl písma pro text zápatí.
  2. Hmotnost - Zde nastavte tloušťku písma pro text zápatí. Můžete si vybrat mezi normální, světlým a tučným písmem.
  3. Velikost textu - Definujte velikost písma pro text zápatí.
  4. Velikost nabídky – Nastavte velikost písma pro položky nabídky v zápatí.
  5. Velikost názvu webu (počítač) – Upravte velikost zápatí webu při zobrazení na počítači.
  6. Velikost názvu webu (mobilní verze) – Upravte velikost zápatí webu při zobrazení na mobilních zařízeních.
  7. Mezery mezi písmeny – Zadejte mezeru mezi písmeny textu zápatí (měřeno v jednotkách em).

Smíšený

Toto jsou některá další přizpůsobení v nastavení písma. Z zde můžete:

Toto se použije, když zvolíte zobrazení názvů obrázků při umístění kurzoru myši.

    1. Písmo po najetí myší – Zde si můžete vybrat písmo pro text titulku obrázku při najetí myší.
    2. Váha vznášedla – Zde nastavte váhu písma pro text titulku obrázku. Můžete si vybrat mezi normální, světlou a tučnou barvou.
    3. Velikost přechodu – Zde nastavte velikost textu titulku obrázku při najetí myší.
    4. Mezery mezi písmeny – Zde nastavte mezeru mezi písmeny textu názvu obrázku (určeno v em).

Obnovit vlastní nastavení

Nastavení písma můžete snadno obnovit na výchozí hodnoty, pokud jste provedli změny v sadě písem úpravou nebo pokud jste nastavení písma upravili z Rozšířených úprav.

Zobrazí se tlačítko Upraveno. Najeďte kurzorem na tlačítko, změní se na Reset. Zde můžete obnovit původní změny.

Alternativní písma od Googlu

Zde je několik alternativních písem Google pro některé populární fonty:

  • Brandon Grotesque – Josefin sans
  • Sofia Pro – Poppins
  • Avenir – Lato or Výzva
  • Proxima Nova - Montserrat or Roboto
  • Proxima Soft – nunito
  • DIN – Barlow
  • Charta - Zdroj Serif Pro
  • Helvetica Neue – Roboto or Práce bez
  • Whitney – Katamarán or Zadní
  • Gotham – Montserrat
  • Tisa Serif – PT patkové
  • Deska Museo - Zilla deska or Roboto Deska
  • Optima – Arzenál
  • Skolar – Zdroj Serif
  • Letter Gothic - Fira Mono
  • Segoe UI – Otevřené sans
  • Futura – Multi
  • Gibson – Noto sans
  • Zona Pro – Poppins
  • Oblíbenec - Crimson text
  • Mostra Nuova – Josefin sans
  • Geogroteska - Armáda
  • Baskerville – Zdarma Baskerville
  • Sentinel – Dominoval
  • Neuzeit – Zadní
  • Miller – Dubna Fatface
Tagged:

Nenašli jste, co jste hledali?

Spojte se s odborníkem Pixpa.

Kontaktujte nás
Pixpa Studio bylo právě přepracováno. Aktuálně aktualizujeme všechny snímky obrazovky z nápovědy.