Change text font to Roboto

andbin · Sep 25, 2023 · 7d30f4e · 7d30f4e
1 parent cf5fab3
commit 7d30f4e
Show file tree

Hide file tree

Showing 14 changed files with 40 additions and 43 deletions.
diff --git a/docs/fonts/roboto-flex-v9-latin-400.woff2 b/docs/fonts/roboto-flex-v9-latin-400.woff2
diff --git a/docs/fonts/roboto-flex-v9-latin-500.woff2 b/docs/fonts/roboto-flex-v9-latin-500.woff2
diff --git a/docs/fonts/roboto-flex-v9-latin-600.woff2 b/docs/fonts/roboto-flex-v9-latin-600.woff2
diff --git a/docs/fonts/roboto-flex.css b/docs/fonts/roboto-flex.css
diff --git a/docs/fonts/roboto-v30-latin-400.ttf b/docs/fonts/roboto-v30-latin-400.ttf
diff --git a/docs/fonts/roboto-v30-latin-400.woff2 b/docs/fonts/roboto-v30-latin-400.woff2
diff --git a/docs/fonts/roboto-v30-latin-500.ttf b/docs/fonts/roboto-v30-latin-500.ttf
diff --git a/docs/fonts/roboto-v30-latin-500.woff2 b/docs/fonts/roboto-v30-latin-500.woff2
diff --git a/docs/fonts/roboto-v30-latin-700.ttf b/docs/fonts/roboto-v30-latin-700.ttf
diff --git a/docs/fonts/roboto-v30-latin-700.woff2 b/docs/fonts/roboto-v30-latin-700.woff2
diff --git a/docs/fonts/roboto.css b/docs/fonts/roboto.css
@@ -0,0 +1,27 @@
+/* Roboto 400 - latin */
+@font-face {
+  font-display: swap;
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: url('roboto-v30-latin-400.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+       url('roboto-v30-latin-400.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* Roboto 500 - latin */
+@font-face {
+  font-display: swap;
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 500;
+  src: url('roboto-v30-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+       url('roboto-v30-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
+/* Roboto 700 - latin */
+@font-face {
+  font-display: swap;
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 700;
+  src: url('roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+       url('roboto-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
+}
diff --git a/docs/index.html b/docs/index.html
@@ -2,7 +2,7 @@
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <title>Java Versions Cheat Sheet</title>
-  <meta http-equiv="last-modified" content="Sat, 23 Sep 2023 15:08:00 GMT+02:00">
+  <meta http-equiv="last-modified" content="Mon, 25 Sep 2023 13:38:00 GMT+02:00">
   <meta name="author" content="Andrea Binello">
   <meta name="description" content="A friendly open-source cheat sheet showing all the Java versions with many valuable information and links">
   <meta name="generator" content="SAXON PE 11.4">
@@ -15,9 +15,9 @@
   <meta property="og:url" content="https://andbin.github.io/java-versions-cheat-sheet/">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css" integrity="sha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA==" crossorigin="anonymous" referrerpolicy="no-referrer">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer">
-  <link rel="stylesheet" href="fonts/roboto-flex.css?v=2309231508">
-  <link rel="stylesheet" href="styles.css?v=2309231508">
-  <link rel="stylesheet" href="scrolltop.css?v=2309231508">
+  <link rel="stylesheet" href="fonts/roboto.css?v=2309251338">
+  <link rel="stylesheet" href="styles.css?v=2309251338">
+  <link rel="stylesheet" href="scrolltop.css?v=2309251338">
  </head>
  <body>
   <div class="container">
@@ -1195,5 +1195,5 @@ <h5 class="card-header">Java 25 / Java SE 25 <span class="badge rounded-pill tex
     </div>
     <div class="pt-3 mb-3 border-top border-2 border-secondary-subtle text-center"><a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/"><img decoding="async" loading="lazy" src="images/cc-by-sa.svg" class="jv-cc-badge" alt="Creative Commons Attribution-ShareAlike License"></a></div>
    </footer>
-  </div><button type="button" id="scrolltop" data-bs-placement="left" title="Scroll to top"><i class="fa-solid fa-turn-up"></i></button><script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.bundle.min.js" integrity="sha512-i9cEfJwUwViEPFKdC1enz4ZRGBj8YQo6QByFTF92YXHi7waCqyexvRD75S5NVTsSiTv7rKWqG9Y5eFxmRsOn0A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="scrolltop.js?v=2309231508"></script><script src="script.js?v=2309231508"></script></body>
+  </div><button type="button" id="scrolltop" data-bs-placement="left" title="Scroll to top"><i class="fa-solid fa-turn-up"></i></button><script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/js/bootstrap.bundle.min.js" integrity="sha512-i9cEfJwUwViEPFKdC1enz4ZRGBj8YQo6QByFTF92YXHi7waCqyexvRD75S5NVTsSiTv7rKWqG9Y5eFxmRsOn0A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="scrolltop.js?v=2309251338"></script><script src="script.js?v=2309251338"></script></body>
 </html>
diff --git a/docs/styles.css b/docs/styles.css
@@ -1,10 +1,10 @@
-body { font-family: 'Roboto Flex', var(--bs-body-font-family); }
-h1 { font-weight: 600; }
-th { font-weight: 600; }
+body { font-family: 'Roboto', var(--bs-body-font-family); }
+h1 { font-weight: 700; }
+th { font-weight: 500; }
 .card { border-color: #222; }
 .card ul { list-style: disc; margin-bottom: 0; }
 .card ul ul { list-style: square; }
-.card-header { background-color: #f2f2f2; border-color: #888; font-weight: 600; }
+.card-header { background-color: #f2f2f2; border-color: #888; font-weight: 700; }
 .fa-calendar-day { color: chocolate; }
 .fa-circle-user { color: dodgerblue; }
 .fa-code { color: crimson; }
@@ -19,18 +19,18 @@ th { font-weight: 600; }
 .jv-cc-badge { height: 2.8rem; }
 .jv-draft.badge { background-color: #f040f0; }
 .jv-draft.fa-star-half-stroke { color: #f040f0; }
-.jv-extra-info { font-size: 82%; font-weight: 600; margin-top: 0.6em; margin-bottom: 0.3em; }
+.jv-extra-info { font-size: 82%; font-weight: 700; margin-top: 0.6em; margin-bottom: 0.3em; }
 .jv-ico-left { padding-right: 0.2em; }
 .jv-ico-right { padding-left: 0.2em; }
-.jv-lts-badge { font-size: 75%; font-weight: 600; padding-top: 0.4em; padding-bottom: 0.38em; vertical-align: 10%; }
+.jv-lts-badge { font-size: 75%; font-weight: 700; padding-top: 0.4em; padding-bottom: 0.38em; vertical-align: 10%; }
 .jv-status { margin-right: 0.25em; }
 .jv-status-current { color: #00d800; }
 .jv-status-future { color: #00c8ff; }
 .jv-status-maintained { color: #ffcf00; }
 .jv-status-old { color: #ff0000; }
 .jv-status-current, .jv-status-future, .jv-status-maintained, .jv-status-old { font-size: 1.12em; vertical-align: -0.06em; }
 .jv-updated-at { color: firebrick; font-weight: 500; }
-.jv-val { font-weight: 600; }
+.jv-val { font-weight: 500; }
 .tooltip {
   --bs-tooltip-arrow-height: 0.6rem;
   --bs-tooltip-arrow-width: 0.8rem;

diff --git a/src/java-versions-cheat-sheet.xsl b/src/java-versions-cheat-sheet.xsl
@@ -62,7 +62,7 @@
 				<meta property="og:url" content="{$pageUrl}"/>
 				<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.3/css/bootstrap.min.css" integrity="sha512-SbiR/eusphKoMVVXysTKG/7VseWii+Y3FdHrt0EpKgpToZeemhqHeZeLWLhJutz/2ut2Vw1uQEj2MbRF+TVBUA==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
 				<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
-				<link rel="stylesheet" href="fonts/roboto-flex.css{$cacheBusting}"/>
+				<link rel="stylesheet" href="fonts/roboto.css{$cacheBusting}"/>
 				<link rel="stylesheet" href="styles.css{$cacheBusting}"/>
 				<link rel="stylesheet" href="scrolltop.css{$cacheBusting}"/>
 			</head>