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

Optimize font family integration #7

Merged
revengeday merged 2 commits from kaiserkiwi/cyber-circle-creator:font-family into main 2024-11-17 11:09:01 +00:00
Conversation 0 Commits 2 Files changed 1 +6 -7
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);
} }