A UserCSS style optimizing reading text on kibi.group, removing copy restrictions and improving typography.
Kibi Text Optimizer by mike-unk

Details
Authormike-unk
LicenseMIT
Categorykibi
Created
Updated
Code size1.5 kB
Code checksume8e19742
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Features
This style is to solve the problem that the reading text on https://kibi.group/ uses the default serif font and prohibits copying. The following functions are implemented:
- Remove copy restrictions
- Change text font to Literata
- Users can adjust font size, font weight, and line height
Note: The preview is outdated. It is a screenshot from an older version, using the Merriweather font.
Contribution
There is currently no GitHub repository for this style.
Source code
/* ==UserStyle==
@name Kibi Text Optimizer
@namespace github.com/mike-unk
@version 0.2.3
@description A UserCSS style optimizing reading text on kibi.group, removing copy restrictions and improving typography.
@author mike-unk
@license MIT
@preprocessor stylus
@var range myFontSize "Font Size" [16, 12, 24, 1, "px"]
@var range myFontWeight "Font Weight" [400, 300, 700, 10]
@var range myLineHeight "Line Height" [1.5, 1.2, 2.4, 0.1]
==/UserStyle== */
@-moz-document domain("kibi.group") {
@import url('https://fonts.googleapis.com/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap');
@import url('https://fonts.font.im/css2?family=Literata:ital,opsz,wght@0,7..72,200..900;1,7..72,200..900&display=swap');
:root {
--bs-font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.readingTextDisplay {
font-family: Literata, "New York", "Noto Serif", Cambria, Times, "Times New Roman", Georgia, serif;
font-size: myFontSize !important;
font-weight: myFontWeight !important;
font-optical-sizing: auto;
line-height: myLineHeight !important;
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-o-user-select: auto !important;
user-select: auto !important;
}
}