dimdenGD / OldTwitter

Extension to return old Twitter layout from 2015 / 2018.
https://chrome.google.com/webstore/detail/old-twitter-layout-2022/jgejdcdoeeabklepnkdbglgccjpdgpmf
Other
1.88k stars 164 forks source link

Better Font & UI Size Customizability #170

Open DeCat4 opened 1 year ago

DeCat4 commented 1 year ago

The font for old twitter is a little small for my liking and i'll be honest i liked twitter's Chrip font.

Any chance you can add options to change the base Size of the font using numbers unlike twitter's slider? And maybe add an option for Modern Twitter's Default font.

Maybe have options to mess around with the general size of twitter, some of us are used to the bigger more compact UI of modern twitter,

dimdenGD commented 1 year ago

Can't you just zoom in with your browser? That would be basically same as increasing font of everything. Also you can install Chirp font locally and set it in settings of OldTwitter

DeCat4 commented 1 year ago

For the chirp font, i apologize for that it just didn't work when i tried,

For the general size yeah i kinda realized zooming works but the font size some people would preffer to be able to make their text bigger to balance it out with the images, modern twitter has the option too and it's just convient, though i understand if it's too much of a hastle it's not a big issue.

TorutheRedFox commented 1 year ago

you can edit the css to your liking in the settings

i.e. paste this into the css variables box

--font: TwitterChirp, "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;

and this into the custom css box

@font-face {
  font-family: "TwitterChirp";
  src: url("https://abs.twimg.com/fonts/chirp-regular-web.woff") format('woff');
}

@font-face {
  font-family: "TwitterChirp";
  src: url("https://abs.twimg.com/fonts/chirp-bold-web.woff") format('woff');
}

as for font sizes, you can put

* {
  font-size: 101% !important;
}

but it breaks some things

TorutheRedFox commented 1 year ago

on a somewhat related note, chirp should be available as a fallback for certain glyphs (i.e. , which is the twitter logo in chirp)