summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorLasse Suomela <lasse.suomela@qt.io>2025-08-22 16:16:20 +0300
committerLasse Suomela <lasse.suomela@qt.io>2025-08-26 12:04:51 +0000
commit1dd8561c8c7f111165a9e11c4be3f1b982ed7b75 (patch)
treec81676b15cf69a8d7f6a96878eb9d7cf03186398
parent46bd1ef23ff07527df4af721ae35fceb9877a286 (diff)
Replace Google hosted fonts with self hosted variantsHEADmaster
Change-Id: I2466e77ba069707723a2713c74a3a55631fc1194 Reviewed-by: Olli Puurunen <olli.puurunen@qt.io>
Diffstat
-rw-r--r--template.qt1
-rw-r--r--website/online.css46
-rw-r--r--website/style.css56
3 files changed, 44 insertions, 59 deletions
diff --git a/template.qt b/template.qt
index 109e504..c9e52ee 100644
--- a/template.qt
+++ b/template.qt
@@ -12,7 +12,6 @@
<title>Planet Qt</title>
<link rel="shortcut icon" href="favicon.ico" />
- <link href='http://fonts.googleapis.com/css?family=Open+Sans:700,300,400' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="online.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
diff --git a/website/online.css b/website/online.css
index a1a1324..305aadd 100644
--- a/website/online.css
+++ b/website/online.css
@@ -810,42 +810,6 @@ body.qt-account #navbar .navbar-oneQt h2 {
margin-bottom:0
}
@font-face {
- font-family:'Open Sans';
- font-style:normal;
- font-weight:300;
- src:local("Open Sans Light"),local("OpenSans-Light"),url(//fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
-}
-@font-face {
- font-family:'Open Sans';
- font-style:normal;
- font-weight:400;
- src:local("Open Sans"),local("OpenSans"),url(//fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype")
-}
-@font-face {
- font-family:'Open Sans';
- font-style:normal;
- font-weight:600;
- src:local("Open Sans Semibold"),local("OpenSans-Semibold"),url(//fonts.gstatic.com/s/opensans/v10/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
-}
-@font-face {
- font-family:'Open Sans';
- font-style:normal;
- font-weight:700;
- src:local("Open Sans Bold"),local("OpenSans-Bold"),url(//fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
-}
-@font-face {
- font-family:'Open Sans';
- font-style:normal;
- font-weight:800;
- src:local("Open Sans Extrabold"),local("OpenSans-Extrabold"),url(//fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format("truetype")
-}
-@font-face {
- font-family:'Droid Sans Mono';
- font-style:normal;
- font-weight:400;
- src:local("Droid Sans Mono"),local("DroidSansMono"),url(//fonts.gstatic.com/s/droidsansmono/v7/ns-m2xQYezAtqh7ai59hJUYuTAAIFFn5GTWtryCmBQ4.woff) format("woff")
-}
-@font-face {
font-family:'Qt Icons';
src:url("icomoon.eot?-tgjuoj");
src:url("icomoon.eot?#iefix-tgjuoj") format("embedded-opentype"),url("icomoon.woff?-tgjuoj") format("woff"),url("icomoon.ttf?-tgjuoj") format("truetype"),url("icomoon.svg?-tgjuoj#icomoon") format("svg");
@@ -875,7 +839,7 @@ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
vertical-align:baseline
}
body {
- font-family:β€œOpen Sans”, Arial, Helvetica, sans-serif;
+ font-family: 'Titillium Web', sans-serif;
line-height:1.5;
font-weight:400
}
@@ -940,7 +904,7 @@ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
}
body {
line-height:1;
- font-family:"Open Sans", Arial, Helvetica, sans-serif;
+ font-family: 'Titillium Web', sans-serif;
transition-duration:1s
}
ol,ul {
@@ -1298,7 +1262,7 @@ pre {
background-color:#404244;
color:#fff;
display:block;
- font-family:"Droid Sans Mono";
+ font-family: 'Noto Sans Mono', sans-serif;
line-height:1.5;
overflow-x:auto;
margin-bottom:25px;
@@ -1323,7 +1287,7 @@ pre {
color:#46a2da
}
code,.codelike {
- font-family:"Droid Sans Mono"
+ font-family: 'Noto Sans Mono', sans-serif;
}
h3.fn code {
font-size:0.75em;
@@ -1612,7 +1576,7 @@ input.gsc-input {
}
input {
- font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
+ font-family: 'Noto Sans Mono', sans-serif !important;
line-height: 1.5 !important;
font-weight: 300 !important;
vertical-align:middle
diff --git a/website/style.css b/website/style.css
index 9f06a42..a8a0b15 100644
--- a/website/style.css
+++ b/website/style.css
@@ -12,34 +12,56 @@ html { height: 100%; overflow-x: hidden !important; }
src: url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/icomoon.eot?-tgjuoj");
src: url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/icomoon.eot?#iefix-tgjuoj") format("embedded-opentype"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/icomoon.woff?-tgjuoj") format("woff"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/icomoon.ttf?-tgjuoj") format("truetype"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/icomoon.svg?-tgjuoj#icomoon") format("svg");
font-weight: normal;
- font-style: normal; }
-/* titillium-web-regular - latin_latin-ext */
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Titillium Web';
+ font-style: normal;
+ font-weight: 300;
+ font-display: swap;
+ src:
+ url('https://assets.qt.io/fonts/titillium-web/titillium-web-latin-300-normal.woff2') format('woff2'),
+ url('https://assets.qt.io/fonts/titillium-web/titillium-web-latin-300-normal.woff') format('woff');
+}
+
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
- src: url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-regular.eot");
- /* IE9 Compat Modes */
- src: local("Titillium Web"), local("TitilliumWeb-Regular"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-regular.woff2") format("woff2"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-regular.woff") format("woff"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-regular.ttf") format("truetype"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-regular.svg#TitilliumWeb") format("svg");
- /* Legacy iOS */ }
-/* titillium-web-italic - latin_latin-ext */
+ font-display: swap;
+ src:
+ url('https://assets.qt.io/fonts/titillium-web/titillium-web-latin-400-normal.woff2') format('woff2'),
+ url('https://assets.qt.io/fonts/titillium-web/titillium-web-latin-400-normal.woff') format('woff');
+}
+
@font-face {
font-family: 'Titillium Web';
font-style: italic;
font-weight: 400;
- src: url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-italic.eot");
- /* IE9 Compat Modes */
- src: local("Titillium WebItalic"), local("TitilliumWeb-Italic"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-italic.eot?#iefix") format("embedded-opentype"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-italic.woff2") format("woff2"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-italic.woff") format("woff"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-italic.ttf") format("truetype"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-italic.svg#TitilliumWeb") format("svg");
- /* Legacy iOS */ }
-/* titillium-web-600 - latin_latin-ext */
+ font-display: swap;
+ src:
+ url('https://assets.qt.io/fonts/titillium-web/titillium-web-latin-400-italic.woff2') format('woff2'),
+ url('https://assets.qt.io/fonts/titillium-web/titillium-web-latin-400-italic.woff') format('woff');
+}
+
@font-face {
font-family: 'Titillium Web';
font-style: normal;
font-weight: 600;
- src: url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-600.eot");
- /* IE9 Compat Modes */
- src: local("Titillium WebSemiBold"), local("TitilliumWeb-SemiBold"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-600.eot?#iefix") format("embedded-opentype"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-600.woff2") format("woff2"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-600.woff") format("woff"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-600.ttf") format("truetype"), url("//d33sqmjvzgs8hq.cloudfront.net/wp-content/themes/oneqt/assets/fonts/titillium-web-v4-latin_latin-ext-600.svg#TitilliumWeb") format("svg");
- /* Legacy iOS */ }
+ font-display: swap;
+ src:
+ url('https://assets.qt.io/fonts/titillium-web/titillium-web-latin-600-normal.woff2') format('woff2'),
+ url('https://assets.qt.io/fonts/titillium-web/titillium-web-latin-600-normal.woff') format('woff');
+}
+
+@font-face {
+ font-family: 'Noto Sans Mono';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: url('https://fonts.qt.io/google-fonts/s/notosansmono/v32/BngrUXNETWXI6LwhGYvaxZikqZqK6fBq6kPvUce2oAZcdthSBUsYck4-_FNJ49rXVEQQL8Y.ttf');
+}
/* Header ---------------------------------------------- */
@@ -56,7 +78,7 @@ a.xmlbutton img { max-width: 16px; margin-right: 0.5em; display: inline; }
body {
background-color: #ffffff;
color: #404244;
- font-family: "Titillium Web", Helvetica, Arial, sans-serif;
+ font-family: 'Titillium Web', sans-serif;
font-size: 19px;
line-height: 1.625;
font-weight: 400;
generated by cgit v1.2.3 (git 2.25.1) at 2025-09-15 18:33:29 +0000