Merge pull request #162 from readium/fontSize-fix

Font size fix
readium · Dec 17, 2024 · b7616fc · b7616fc
2 parents 11e33fa + e8b82bf
commit b7616fc
Show file tree

Hide file tree

Showing 15 changed files with 31 additions and 23 deletions.
diff --git a/css/dist/ReadiumCSS-after.css b/css/dist/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -57,8 +57,8 @@
   padding:0 !important;
   margin:0 !important;
   font-size:100% !important;
-
-  -webkit-text-size-adjust:100%;
+  -webkit-text-size-adjust:none;
+  text-size-adjust:none;
   box-sizing:border-box;
   -webkit-touch-callout:none;
 }

diff --git a/css/dist/ReadiumCSS-before.css b/css/dist/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the

diff --git a/css/dist/ReadiumCSS-default.css b/css/dist/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the

diff --git a/css/dist/cjk-horizontal/ReadiumCSS-after.css b/css/dist/cjk-horizontal/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -57,8 +57,8 @@
   padding:0 !important;
   margin:0 !important;
   font-size:100% !important;
-
-  -webkit-text-size-adjust:100%;
+  -webkit-text-size-adjust:none;
+  text-size-adjust:none;
   box-sizing:border-box;
   -webkit-touch-callout:none;
 }

diff --git a/css/dist/cjk-horizontal/ReadiumCSS-before.css b/css/dist/cjk-horizontal/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the

diff --git a/css/dist/cjk-horizontal/ReadiumCSS-default.css b/css/dist/cjk-horizontal/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the

diff --git a/css/dist/cjk-vertical/ReadiumCSS-after.css b/css/dist/cjk-vertical/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -57,8 +57,8 @@
   padding:0 !important;
   margin:0 !important;
   font-size:100% !important;
-
-  -webkit-text-size-adjust:100%;
+  -webkit-text-size-adjust:none;
+  text-size-adjust:none;
   box-sizing:border-box;
 
   hanging-punctuation:last allow-end;

diff --git a/css/dist/cjk-vertical/ReadiumCSS-before.css b/css/dist/cjk-vertical/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the

diff --git a/css/dist/cjk-vertical/ReadiumCSS-default.css b/css/dist/cjk-vertical/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the

diff --git a/css/dist/rtl/ReadiumCSS-after.css b/css/dist/rtl/ReadiumCSS-after.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the
@@ -57,8 +57,8 @@
   padding:0 !important;
   margin:0 !important;
   font-size:100% !important;
-
-  -webkit-text-size-adjust:100%;
+  -webkit-text-size-adjust:none;
+  text-size-adjust:none;
   box-sizing:border-box;
   -webkit-touch-callout:none;
 }

diff --git a/css/dist/rtl/ReadiumCSS-before.css b/css/dist/rtl/ReadiumCSS-before.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the

diff --git a/css/dist/rtl/ReadiumCSS-default.css b/css/dist/rtl/ReadiumCSS-default.css
@@ -1,5 +1,5 @@
 /*
- * Readium CSS (v. 2.0.0-alpha.8)
+ * Readium CSS (v. 2.0.0-alpha.9)
  * Developers: Jiminy Panoz 
  * Copyright (c) 2017. Readium Foundation. All rights reserved.
  * Use of this source code is governed by a BSD-style license which is detailed in the

diff --git a/css/src/modules/ReadiumCSS-pagination-vertical.css b/css/src/modules/ReadiumCSS-pagination-vertical.css
@@ -61,7 +61,11 @@
   -moz-column-fill: auto;
   column-fill: auto;
 
-  -webkit-text-size-adjust: 100%;
+  /* This is needed so that zoom (used in the new implementation of font-size) 
+     can work as expect on iPadOS. Indeed, it disables the desktop-class interference 
+     that is explained here: https://stackoverflow.com/questions/59000766/css-zoom-does-not-work-ipad-os-v13-latest-safari/64998974#64998974 */
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
 
   /* The reason why we don’t force -webkit-column-axis is that it switches the column-box model to a paged overflow model.
      In other words, columns become useless, the sizing of the :root itself will be used for pagination */

diff --git a/css/src/modules/ReadiumCSS-pagination.css b/css/src/modules/ReadiumCSS-pagination.css
@@ -64,7 +64,11 @@
   -moz-column-fill: auto;
   column-fill: auto;
 
-  -webkit-text-size-adjust: 100%;
+  /* This is needed so that zoom (used in the new implementation of font-size) 
+     can work as expect on iPadOS. Indeed, it disables the desktop-class interference 
+     that is explained here: https://stackoverflow.com/questions/59000766/css-zoom-does-not-work-ipad-os-v13-latest-safari/64998974#64998974 */
+  -webkit-text-size-adjust: none;
+  text-size-adjust: none;
 }
 
 body {

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "readium-css",
   "description": "A set of reference stylesheets for EPUB Reading Systems",
-  "version": "2.0.0-alpha.8",
+  "version": "2.0.0-alpha.9",
   "homepage": "https://github.com/readium/readium-css",
   "license": "BSD-3-Clause",
   "keywords": [