fonts

docs/assets/fonts.css

@@ -1,34 +1,34 @@
 @font-face {
     font-family: local-serif;
-    src: url(/fonts/Vollkorn-VariableFont_wght.ttf);
+    src: url(./Vollkorn-VariableFont_wght.ttf);
 }
 
 @font-face {
     font-family: local-serif;
-    src: url(/fonts/Vollkorn-Italic-VariableFont_wght.ttf);
+    src: url(./Vollkorn-Italic-VariableFont_wght.ttf);
     font-style: italic;
 }
 
 @font-face {
     font-family: local-serif;
-    src: url(/fonts/Vollkorn-Italic-VariableFont_wght.ttf);
+    src: url(./Vollkorn-Italic-VariableFont_wght.ttf);
     font-style: oblique;
 }
 
 @font-face {
     font-family: local-sans;
-    src: url(../assets/PTSans-Regular.ttf);
+    src: url(./PTSans-Regular.ttf);
 }
 
 @font-face {
     font-family: local-sans;
-    src: url(../assets/PTSans-Bold.ttf);
+    src: url(./PTSans-Bold.ttf);
     font-weight: bold;
 }
 
 @font-face {
     font-family: local-monospace;
-    src: url(../assets/RobotoMono-VariableFont_wght.ttf);
+    src: url(./RobotoMono-VariableFont_wght.ttf);
 }
 
 body {
@@ -39,3 +39,12 @@ pre,
 code {
     font-family: local-monospace;
 }
+
+h1,
+h2,
+h3,
+h4,
+input,
+button {
+    font-family: local-sans;
+}

docs/assets/landing.css

@@ -7,13 +7,13 @@
 }
 
 h1 {
-    font-size: 1.5em;
+    font-size: 150%;
 }
 h1.title {
-    font-size: 2em;
+    font-size: 200%;
 }
 h2 {
-    font-size: 1.2em;
+    font-size: 120%;
 }
 
 ul > li {
@@ -27,7 +27,7 @@ h3 {
 }
 
 body {
-    font-size: 14pt;
+    font-size: 16pt;
     margin: 5px;
 }
 

docs/examples/01. Decomposing UI Components/index.html

@@ -15,7 +15,7 @@
         <style>
             :root {
                 --example-list-width: 200px;
-                --live-example-width: 390px;
+                --live-example-width: 400px;
             }
 
             * {

docs/examples/01. Decomposing UI Components/style.css

@@ -2,6 +2,7 @@
     width: 390px;
     height: 500px;
     overflow: hidden;
+    font-family: local-sans;
 }
 
 .our-coffee-sdk-search-box-head {

src/en/clean-copy/06-[Work in Progress] Section V. SDKs & UI Libraries/04.md

@@ -32,7 +32,7 @@ We will make a task more specific. Imagine we need to develop a `SearchBox` that
 
 The obvious approach to tackle these scenarios appears to be creating two additional subcomponents responsible for presenting a list of offers and the details of the specific offer. Let's name them `OfferList` and `OfferPanel` respectively.
 
-[![APP](/img/mockups/09.png "The subcomponents of a `SearchBox`")]()
+[![PLOT](/img/mockups/09.png "The subcomponents of a `SearchBox`")]()
 
 If we had no customization requirements, the pseudo-code implementing interactions between all three components would look rather trivial:
 

src/ru/clean-copy/06-[В разработке] Раздел V. SDK и UI-библиотеки/04.md

@@ -32,7 +32,7 @@
 
 Решение, которое напрашивается в данной ситуации — это выделение двух дополнительных компонентов, отвечающих за представление списка предложений и за панель показа конкретного предложения, назовём их `OfferList` и `OfferPanel`.
 
-[![APP](/img/mockups/09.png "`SearchBox` и его суб-компоненты")]()
+[![PLOT](/img/mockups/09.png "`SearchBox` и его суб-компоненты")]()
 
 В случае отсутствия требований кастомизации, псевдокод, имплементирующий взаимодействие всех трёх компонентов, выглядел бы достаточно просто: