Skip to content

Instantly share code, notes, and snippets.

@Croc-Prog-github

Croc-Prog-github/Rapid_Personal_Fonts.css

Last active March 23, 2024 20:42
Show Gist options
  • Save Croc-Prog-github/90a71b56094f7a482b4f8a9359794b9d to your computer and use it in GitHub Desktop.
Save Croc-Prog-github/90a71b56094f7a482b4f8a9359794b9d to your computer and use it in GitHub Desktop.
Download ZIP
A small CSS file to summarize font combinations and apply them quickly.
Raw
Rapid_Personal_Fonts.css
/*
To make it work: copy this code, create a file: style.css, paste it and use this in HTML:
<body style="font-family: var(--FontSet-1);">
Test of text
</body>
Finally attach the style.css in HTML, like this:
<link rel="stylesheet" href="style.css">
*/
:root{
--FontSet-1: 'Courier New', Courier, monospace;
--FontSet-2: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
--FontSet-3: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
--FontSet-4: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
--FontSet-5: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
--FontSet-6: 'Times New Roman', Times, serif;
--FontSet-7: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
--FontSet-8: Arial, Helvetica, sans-serif;
--FontSet-9: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
--FontSet-10: Georgia, 'Times New Roman', Times, serif;
--FontSet-11: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
--FontSet-12: Verdana, Geneva, Tahoma, sans-serif;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment