weblogs/oldcomputernerd.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add font faces

Browse Source
This commit is contained in:
Greg Gauthier 2025-01-17 10:38:54 +00:00
parent 1fab8c24d0
commit 7a68589573
1 changed files with 68 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
css/retro.css
View File

@ -1,3 +1,7 @@
/* --- */
/* Fonts */
/* --- */
@font-face { @font-face {
font-family: 'Dot Matrix Regular'; font-family: 'Dot Matrix Regular';
src: url("../font/DOTMREG.TTF") format('truetype'); src: url("../font/DOTMREG.TTF") format('truetype');
@ -81,7 +85,71 @@
font-style: auto; font-style: auto;
} }
@font-face {
font-family: 'Atari Classic Extrasmooth';
src: url('../font/ATARCE__.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Atari Classic Smooth';
src: url('../font/ATARCS__.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Atari Full';
src: url('../font/ATARI_FULL.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Atari Classic Chunky';
src: url('../font/ATARCC__.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Atari Classic Chunky Reverse';
src: url('../font/ATARCC__.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Atari Classic Extended';
src: url('../font/ATARCE__.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Atari Tiny';
src: url('../font/atari-small-font.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Atarian System Regular';
src: url('../font/sf-atarian-system.regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Atarian System Bold';
src: url("../font/sf-atarian-system.bold.ttf") format('truetype');
font-weight: bold;
font-style: normal;
}
/* --- */
/* Styles */
/* --- */
.blink { .blink {
animation: blink-animation 1s steps(2, start) infinite; animation: blink-animation 1s steps(2, start) infinite;
-webkit-animation: blink-animation 1s steps(2, start) infinite; -webkit-animation: blink-animation 1s steps(2, start) infinite;