Minecraft-pikselilogo: Press Start 2P Google Font

Vaihdetaan SVG-img-lähestymistapa HTML+CSS-lähestymistapaan, jolloin
fontti latautuu luotettavasti. SVG:nä ladattu kuva ei voi käyttää
sivun ulkoisia fontteja.

- index.html: lisätty Press Start 2P Google Fonts link;
  logo-h1 käyttää pixel-logo-luokkaa (♥tykkää.fi)
- style.css: .pixel-logo fontti+koko+varjo, .logo-heart oranssi,
  .logo-fi cream-väri + pienempi koko

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-08 01:54:11 +02:00
parent 416db62e5c
commit 60065ac9ef
3 changed files with 72 additions and 16 deletions

View File

@@ -53,6 +53,18 @@ header {
.logo-icon { font-size: 2.4rem; }
.logo-svg { height: 52px; width: auto; display: block; }
.pixel-logo {
font-family: 'Press Start 2P', 'Courier New', monospace;
font-size: 20px;
font-weight: normal;
color: #ffffff;
text-shadow: 3px 3px 0px #3b1a00;
letter-spacing: 1px;
line-height: 1;
}
.logo-heart { color: #e07b39; margin-right: 10px; }
.logo-fi { color: #e8c9a8; font-size: 0.72em; }
header h1 {
font-size: 2.4rem;
color: #fff;