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:
12
style.css
12
style.css
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user