Skip to content

Kibi Text Optimizer by mike-unk

Screenshot of Kibi Text Optimizer

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

A UserCSS style optimizing reading text on kibi.group, removing copy restrictions and improving typography.

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;
  }
}

Reviews

No reviews yet.