Diskuze: Fonty podporující češtinu / český text na webu
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Zobrazeno 10 zpráv z 10.
K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.
Používáme nezbytné cookies pro fungování webu a s tvým souhlasem také analytické a marketingové cookies.
Zajišťují základní funkce, bezpečnost a služby, které sis vyžádal. Nelze je vypnout.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| ITnetwork | ITnetwork | Provoz webu, relace, přihlášení a uložení nastavení cookies. | PHPSESSID, auth_token, sid, itn_consent_impression, __Host-itn_consent | Relace až 1 rok |
| Google Tag Manager | Správa značek a načítání měřicích nástrojů webu. | Žádné | Neukládá se | |
| Google Fonts | Načítání typografie webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google Hosted Libraries | Načítání potřebných knihoven a stylů webu. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele | |
| Google reCAPTCHA | Ochrana formulářů a webu před zneužitím. | _GRECAPTCHA, rc::a, rc::b, rc::c, rc::f | Relace až 180 dní | |
| YouTube | Přehrávání vloženého video obsahu. | localStorage, IndexedDB; cookies after playback interaction | Relace až trvalé úložiště | |
| Vimeo | Vimeo | Přehrávání vloženého video obsahu. | __cf_bm, _cfuvid, vuid, localStorage, IndexedDB | Relace až 2 roky |
| Facebook Login | Meta | Přihlášení pomocí účtu třetí strany. | Úložiště řízené poskytovatelem | Relace až 1 rok |
| GoPay | GoPay | Zpracování uživatelem vyžádané platby. | Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
Pomáhají nám porozumět používání webu a zlepšovat ho.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Analytics 4 | Měření návštěvnosti a používání webu. | _ga, _ga_* | Až 2 roky | |
| Microsoft Clarity | Microsoft | Měření návštěvnosti a používání webu. | _clck, _clsk, _cltk | Relace až 1 rok |
Slouží k měření kampaní, personalizaci reklamy a marketingové komunikaci.
| Služba | Poskytovatel | Účel | Cookies a úložiště | Doba uložení |
|---|---|---|---|---|
| Google Ads | Měření kampaní, reklama a remarketing. | _gcl_au, _gcl_ls | Relace až 90 dní | |
| Meta Pixel | Meta | Měření kampaní, reklama a remarketing. | _fbp, _fbc, localStorage | Až 90 dní |
| Sklik | Seznam.cz | Měření kampaní, reklama a remarketing. | retargeting, sid, szn:* | Relace až trvalé úložiště |
| LinkedIn Insight | Měření kampaní, reklama a remarketing. | bcookie, li_gc, lidc, __cf_bm | Relace až 1 rok | |
| Ecomail | Ecomail.cz | Měření kampaní, reklama a remarketing. | ecmid, Úložiště řízené poskytovatelem | Dle podmínek poskytovatele |
| Atribuce kampaní ITnetwork | ITnetwork | Přiřazení návštěvy a objednávky ke kampani. | campaign_clid[*], user_session_context | Až 1 rok |
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.


Pravdepodobne spatny kodovani, mne to funguje v poradku, pridej toto do hlavicky, pokud v hlavicce nespecifikujes charset:
<meta charset="UTF-8">
<!DOCTYPE html>
<html lang="cs-cz" >
<head>
<meta charset="utf-8">
<title>Jan Kozeluh</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav id="nav">
<button class="nav-icon"
id="nav-icon"><span></span></button>
<ul>
<li><a href="#home">home</a></li>
<li><a href="#about">about</a></li>
<li><a href="#blog">blog</a></li>
<li><a href="#contact">contact</a></li>
</ul>
</nav>
<section id="home">
<h2>Home</h2>
<p>.</p>
<p>.</p>
</section>
<section id="about">
<h2>about</h2>
<p>.</p>
<p>.</p>
</section>
<section id="blog">
<h2>O mne</h2>
<p>Snazím se.</p>
<p>.</p>
</section>
<section id="contact">
<h2>contact</h2>
<p><img src="Images/email.png" width=25px, height=20px,
alt="emailicon">honzik.kozeluh@seznam.cz</p>
<p class="konec">Layout author : Ines Montani,Web author : Jan
Kozeluh</p>
</section>
<script src="js/index.js"></script>
</body>
</html>
@import url(https://fonts.googleapis.com/css?…|Work+Sans:700);
box-sizing: border-box;
padding: 0;
margin: 0;
border: 0;
outline: 0;
}
html {
font-size: 10px;
}
body {
background: #111;
color: #fff;
font: bold 2.5rem/1.55 "osifont","EB Garamond", Garamond, Georgia,
sans-serif;
}
section {
padding: 12.5%;
width: 100%;
}
section:nth-of-type(even) {
background: #fff;
color: #111;
}
p {
margin-bottom: 2.5em;
}
a {
color: inherit;
text-decoration: none;
}
h2 {
font: bold 3.2rem "osifont",Garamond, Georgia, sans-serif;
text-transform: uppercase;
letter-spacing: 5px;
margin-bottom: 2em;
}
nav {
mix-blend-mode: difference;
z-index: 100;
}
nav ul {
position: fixed;
top: 60px;
right: 5px;
height: 100vh;
visibility: hidden;
pointer-events: none;
list-style: none;
width: 35px;
}
nav ul li {
font: bold 1.5rem "Arial Black", Gadget, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
padding: 0.75em 0;
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
}
nav.active ul {
visibility: visible;
pointer-events: initial;
transition-delay: 0.2s;
}
.nav-icon {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
cursor: pointer;
display: inline-block;
height: 35px;
position: fixed;
top: 15px;
right: 15px;
transition: background 0.3s;
width: 35px;
}
.nav-icon span {
position: absolute;
top: 15px;
left: 5px;
background: #fff;
display: block;
height: 3px;
right: 5px;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.nav-icon span:before, .nav-icon span:after {
width: 100%;
height: 3px;
background: #fff;
content: "";
display: block;
left: 0;
position: absolute;
}
.nav-icon span:before {
top: -8px;
}
.nav-icon span:after {
bottom: -8px;
}
.active .nav-icon span {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.konec {
font-size:15px;
}
Děkuji moc teď jsem to konvertoval . Promiňte za ztrátu času jsem hňup.
Zobrazeno 10 zpráv z 10.