revengeday/cyber-circle-creator
revengeday/cyber-circle-creator
2
1
Fork 1
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request 'Optimize font family integration' (#7) from kaiserkiwi/cyber-circle-creator:font-family into main

Browse source 
Reviewed-on: #7
This commit is contained in:
Ramses Revengeday 2024-11-17 11:09:00 +00:00
commit f270e3f06e
1 changed files with 6 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
css/style.css
View file

@ -1,11 +1,10 @@
@font-face { @font-face {
/* /*
Note: The font files are not included in this repository due to legal restrictions. Note: The font files are not included in this repository due to legal restrictions.
For more information, please refer to the README.md file located in the 'fonts' directory. For more information, please refer to the README.md file located in the 'fonts' directory.
*/ */
font-family: 'Departure Mono'; font-family: 'Departure Mono';
src: url('../fonts/DepartureMono-Regular.woff2') format('woff2'), src: url('../fonts/DepartureMono-Regular.woff2') format('woff2');
url('../fonts/DepartureMono-Regular.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
@ -30,7 +29,7 @@
} }
body { body {
font-family: 'Departure Mono'; font-family: 'Departure Mono', monospace;
font-size: 18px; font-size: 18px;
line-height: 1.75; line-height: 1.75;
background-color: var(--cyber-bg-color); background-color: var(--cyber-bg-color);
@ -99,7 +98,7 @@ main {
} }
input[type="text"] { input[type="text"] {
font-family: 'Departure Mono'; font-family: inherit;
width: calc(100% - 20px); width: calc(100% - 20px);
padding: 10px; padding: 10px;
border: 2px solid var(--cyber-primary-color); border: 2px solid var(--cyber-primary-color);
@ -151,7 +150,7 @@ input[type="text"]:focus {
/* Buttons */ /* Buttons */
button { button {
font-family: 'Departure Mono'; font-family: inherit;
padding: 10px 20px; padding: 10px 20px;
border-radius: 5px; border-radius: 5px;
background-color: var(--cyber-bg-color); background-color: var(--cyber-bg-color);
@ -540,4 +539,4 @@ a {
a:hover { a:hover {
text-decoration: none; text-decoration: none;
color: var(--cyber-secondary-color); color: var(--cyber-secondary-color);
} }