FreeBSD is a modern open source operating system for servers, desktops, and embedded systems, based on over 30 years of continuous development. The FreeBSD Project has participated as a mentoring organization in Google Summer of Code each year since the program’s inception in 2005. This year, FreeBSD mentored 18 students with a final success rate of 89%.
A collection of beautiful free and open source fonts: instructions for installing, Unicode fallback chains, instructions to replace Windows ClearType and fix browser fonts.
Only 4 in eash category.
Contents:
(by Paul D. Hunt), Preview, Download latest version, Backup
My favorite!
Font fallback chain:
'Source Sans Pro', 'PT Sans', 'Noto Sans', 'DejaVu Sans', 'STIX Two Math', Symbola, 'Noto Sans CJK TC Regular', sans-serif
.Fallback fonts:
- Cyrillic fallback: PT Sans (by Alexandra Korolkova), Preview, Download, Download2, Backup,
- 1st Unicode fallback: Noto Sans (see below),
- 2nd Unicode fallback: DejaVu Sans (by Jim Lyles and others), Preview, Download, Backup, Backup2,
- Math fallback: STIX Two Math (see below),
- Final Unicode fallback: Symbola (by George Douros), Preview, Download latest version, Backup,
- CJK fallback: Noto Sans CJK TC Regular (by Google), Download (search for Noto Sans CJK). TC is Traditional Chinese but it can also be SC, JP, KR.
Open Sans and Noto Sans
(Open Sans by Steve Matteson), Preview, Download, Download2, Backup
(Noto Sans by Steve Matteson and Google), Preview, Download latest version, Backup
They are almost the same font.
- Noto Sans is a bit heavier than Open Sans,
- Noto Sans has much wider Unicode coverage,
- Open Sans has gouble-story g when Noto Sans has singe-story g.
Font fallback chain:
'Open Sans', 'Noto Sans', 'DejaVu Sans', 'STIX Two Math', Symbola, 'Noto Sans CJK TC Regular', sans-serif
.(by Łukasz Dziedzic), Preview, Download latest version, Backup, Backup2
Font fallback chain:
Lato, 'Noto Sans', 'DejaVu Sans', 'STIX Two Math', Symbola, 'Noto Sans CJK TC Regular', sans-serif
.(by Christian Robertson), Preview, Download, Download2, Backup
Font fallback chain:
Roboto, 'Noto Sans', 'DejaVu Sans', 'STIX Two Math', Symbola, 'Noto Sans CJK TC Regular', sans-serif
.STIX Two Text and STIX Two Math
(by Ross Mills and others), Preview, Download, Backup
My favorite math font!
Fallback fonts:
- 1st Unicode fallback: Noto Serif LGC (by Steve Matteson and Google), Preview, Download latest version, Backup
- Math fallback: STIX Two Math,
- Final Unicode fallback: Symbola (by George Douros), Preview, Download latest version, Backup,
- CJK fallback: Noto Serif CJK TC (by Google), Download (search for Noto Serif CJK). TC is Traditional Chinese but it can also be SC, JP, KR.
Font fallback chain:
'STIX Two Text', 'STIX Two Math', 'Noto Serif', Symbola, 'Noto Serif CJK TC', serif
.Worth mentioning STIX Two Math that is a STIX Two version for OpenType math-capable applications like LuaTeX, XeTeX or MS Word 2007+.
(by Frank Grießhammer), Preview, Download latest version, Backup
My favorite text body font!
Font fallback chain:
'Source Serif Pro', 'STIX Two Text', 'STIX Two Math', 'Noto Serif', Symbola, 'Noto Serif CJK TC', serif
.Fallback fonts:
- Cyrillic fallback: STIX Two Text (see above).
(by Philipp H. Poll and others), Preview, Download Linus Libertini, Backup
Semibold italic Cyrillics are terrible in Linux Libertine. So it's recommended to use Linus Libertini fork that is simply a renamed Libertinus Serif without semibolds (Libertinus Serif is a bugfixed fork of Linux Libertine by Khaled Hosny with Cyrillic bold itallics by Stefan Peev).
Font fallback chain:
'Linus Libertini', 'STIX Two Text', 'STIX Two Math', 'Noto Serif', Symbola, 'Noto Serif CJK TC', serif
.There is also Libertinus Math font but I find it to be of lower quality than STIX Two Math (Libertinus Math has MS Word issues and Greek italics are of suboptimal quality. I never tested for LaTeX issues).
(by Friedrich Althausen), Preview, Download latest version, Backup
Font fallback chain:
Vollkorn, 'STIX Two Text', 'STIX Two Math', 'Noto Serif', Symbola, 'Noto Serif CJK TC', serif
.Main fonts and fallback chains were optimized for SugarTeX.
(by Steve Matteson and Christian Robertson), Preview, Download Robotization Mono, Backup
My favorite!
Italic in Roboto Mono has different width so it's recommended to use Robotization Mono fork that is simply a renamed monospacified version of Roboto Mono (but also without light and thin styles).
Font fallback chain:
'Robotization Mono', 'Noto Sans Mono', 'IBM Plex Mono', 'DejaVu Sans Mono', 'ST1X Two Math For Robot0 Mono', 'Symbola For Robot0 Mono', 'Noto Sans CJK TC', monospace
.Fallback fonts:
- 1st Unicode fallback: Noto Sans Mono (by Steve Matteson and Google), Preview, Download, Backup,
- Some arrows fallback: IBM Plex Mono (by Mike Abbink), Preview, Download latest version, Backup,
- 2nd Unicode fallback: DejaVu Sans Mono (by Jim Lyles and others), Preview, Download, Backup, Backup2,
- Math fallback, Final Unicode fallback: STIX Two Math and Symbola for Roboto Mono,
- CJK fallback: Noto Sans CJK TC (by Google), Download (search for Noto Sans CJK). TC is Traditional Chinese but it can also be SC, JP, KR.
(by Raph Levien and others), Preview, Preview2, Download Inconsolata Sugar, Backup
Inconsolata lacks italics, Cyrillic and Greek. Inconsolata LGC lacks some whitespace characters, has off-style backtick, italic Latin a and Cyrillic д are controversial design decisions. For SugarTeX it's recommended to use Inconsolata Sugar fork that is simply a renamed Inconsolata LGC with these issues fixed (backtick was simply removed so one from fallback would be used).
Font fallback chain:
'Inconsolata Sugar', 'Robotization Mono', 'Noto Sans Mono', 'IBM Plex Mono', 'DejaVu Sans Mono', 'ST1X Two Math For Robot0 Mono', 'Symbola For Robot0 Mono', 'Noto Sans CJK TC', monospace
.(by Paul D. Hunt and Teo Tuominen), Preview, Download Sourcing Code Pro, Backup
Source Code Pro lacks some whitespace characters and has broken division slash. For SugarTeX it's recommended to use Sourcing Code Pro fork that is simply a renamed Source Code Pro with these issues fixed (but also without light and extra light styles).
Font fallback chain:
'Sourcing Code Pro', 'Noto Sans Mono', 'IBM Plex Mono', 'DejaVu Sans Mono', 'ST1X Two Math For Robot0 Mono', 'Symbola For Robot0 Mono', 'Noto Sans CJK TC', monospace
.(by Lucas de Groot)
This is a proprietary font but included here for SugarTeX installation instruction.
It's preinstalled with Windows. Consolas can also be installed together with Microsoft PowerPoint Viewer till April, 2018. SHA256: 249473568EBA7A1E4F95498ACBA594E0F42E6581ADD4DEAD70C1DFB908A09423. But note that it's license says that 'You may use the software only to view and print files created with Microsoft Office software. You may not use the software for any other purpose.' so you might not be even allowed to print Consolas font text via Chrome browser.
Font fallback chain:
Consolas, 'DejaVu Sans Mono For Conso1as', 'ST1X Two Math For Conso1as', 'Symbola For Conso1as', 'Noto Sans CJK TC', monospace
Fallback fonts:
- DejaVu Sans Mono, STIX Two Math and Symbola for Consolas.
Other fonts
Font fallback chains contain fonts monospacified via monospacifier.py (Backup). If you don't like Consolas, Roboto Mono, Source Code Pro or Inconsolata that much you can pick there monospacified fallbacks for other monospace fonts.
If on Windows it's recommended to install MacType because Windows original ClearType is capable of rendering only fonts that were pre-optimized for ClearType - it cannot display arbitrary font in a beautiful way (or capable but for some reason doesn't do that on default settings!). MacType can do it (and does with default settings). Now that Full HD is everywhere it's a shame for ClearType.
Important:
- Use Default profile but change ini setting to
NormalWeight=8
(or evenNormalWeight=0
instead of 16) (with this the difference between Chrome and other programs is not so big). Also launch Chrome using the--disable-directwrite-for-ui
command switch, - In case of Firefox you should fix some settings: open
about:config
then:- change
gfx.content.azure.backends
fromdirect2d1.1,skia,cairo
todirect2d1.1,cairo
, - change
gfx.canvas.azure.backends
fromdirect2d1.1,skia,cairo
todirect2d1.1,cairo
, - change
gfx.direct2d.disabled
totrue
(unfortunately FF can't use non-standard font weights with this setting...),
- change
- MacType can clash with cheap Antiviruses though. In my case the problem was solved by deleting AVG/Avast and installing Kaspersky Free (Kaspersky IS is also OK).
- Some programs need special config settings. For example PyCharm:
See details about other programs in this repo.
Actually MacType can be tuned. Here is my custom part of the config that tunes Consolas font to look thinner and also makes fonts in Explorer look thicker:
UPD:You can also try Stylus (GPL) or Stylish (Freeware)
Stylebot is an open source Google Chrome extension that allows users to manipulate a web page’s appearance. Install.
- Incrementally build custom stylesheets for Chrome.
- Save custom CSS rules for sites. The next time they visit a site, their custom CSS is already applied.
- Export and import created styles.
I haven't checked if it's safe. But it looks safe.
This extesnion would help you to make internet less messy in style :-)
And even more! Stylebot can fix issues that arise from thinner fonts in Chrome with MacType: swap badly looking fonts. For example add this to the Global Stylesheet:
You need to install Linus Libertini to make it work. And in order to fix Chrome bug you need to install special font families from this archive that were easily renamed via FontForge.
Or you can use online fonts:
- Run
update_deps.bat
from repo's directory, - Run appropriate batch script from repo's directly.
TO DO list of ideas that I have or had about font development.
Backup repos:
- DejaVu,
- STIX,
- Lato,
- Source Sans Pro,
- Roboto, Roboto Mono, PT Sans, Open Sans,
- Source Serif Pro,
- Source Code Pro,
- IBM Plex Mono,
- Vollkorn,
- Libertinus,
- Inconsolata LGC,
- Monospacifier.
CSS is the language that styles websites. It controls the colors, the layout, the fonts… pretty much everything concerned with the look of the site. It’s quite powerful. With the changing of a single value, anything on the page can be hidden or revealed. Change two values to turn black text on a white background to white text on a black background.
But how? You can’t edit the CSS on other websites. If you can, you’ve got access to their servers. You’d be a bit of a hacker and probably aren’t using those skills to change fonts.
But browsers are amicable. We can visit a website and the browser will download what it needs to show it, including the CSS. Then we can edit the CSS afterward!
We can do this manually through tools built into all the major desktop browsers. Referred to as DevTools, they allow you to manipulate the site as you wish after it’s loaded.
But the changes you make in DevTools do not persist. Refresh the page and they are gone. They aren’t designed to bend the web your aesthetic will. Fortunately, where there is a will there is a way. There is a couple of browser extensions that will apply your own custom CSS to a page after it’s loaded, allowing you to add or change existing styles in a way that will persist. Meaning change a page once, and the changes stay even after refreshing the page or coming back a week later.
Giving it a spin
One of these extensions is called Stylebot for Chrome. It’s old. The website is dead. The repo hasn’t been touched in 4 years. But it works! There is almost something comforting to me about old stable software. After installed, you’ll see a little “css” icon in the toolbar:
Opening it gives me this Panel, and you’ll see some styling options right off the bat:
The trick is to use the “Select an element” option to pick something on the page, then you can use the controls to change values. Continuing to use this blog as a test subject, let’s give it a dark theme!
Those changes will persist as long as we keep Stylebot installed and nothing changes on the site itself (eventually, it will change, as all sites do, and we’ll have to re-do our changes if we still care.)
I don’t use extensions like this generally to theme the sites I visit, but I do use it to fix bugs sometimes. For example, I have this weird bug in the WordPress admin where the editor toolbar gets hidden when I scroll. So I just took matters into my own hands!
I don’t use extensions like this generally to theme the sites I visit, but I do use it to fix bugs sometimes. For example, I have this weird bug in the WordPress admin where the editor toolbar gets hidden when I scroll. So I just took matters into my own hands!
To add CSS directly as I did here, I clicked the “Edit CSS” button in the panels footer and saved it.
Another Whirl
There is another one of these called Stylish (see the footer for links to all the different browser extensions). The idea is much more centered on user-created themes. For example, I installed it, when to Facebook, and activated the most popular theme (which it presented to me right in the extension dropdown itself) called “Clear Dark Facebook”:
I like it!
Stylish might be easier to use for some who just want to pick out already-popular themes. Apparently it also injects some analytics though, as I found a fork of it that doesn’t, so be warned there. Stylebot might be better for folks looking to make smaller tweaks.
It’s an acceptable answer to some support requests
I’ve had people write in to me about sites that they know I run and tell me about styling changes that they prefer. One I got recently is that they really perfer the look of the site with font-smoothing applied, like this:
In the past when I’ve used this, I’ve had support requests that said they preferred the look of the site without font-smoothing.
I bet you can see where this is headed. Go with the less tricky option (not using it) and point the users who really prefer it to one of these extensions.
User Stylesheets?
Old timers might remember a thing called user stylesheets. They were this same kind of thing. You’d literally create a CSS file and place it in a particular place on your hard drive and the browser would apply it for you. Best I can tell, most of the major browsers have dropped support for them. Safari has the option, but it applies the styles to all sites, so beware. Ah well, these extensions are an easier way to handle it anyway.
Do you do this?
I’d be curious to know if any of y’all out there actively do this a lot?
I heard from a friend-of-a-friend who uses an extension like this specifically designed to change fonts to one to help dyslexia. That’s a fantastic case for changing styles to suit your needs.
Related Articles
موعد اذان المغرب اليوم السابع و العشر…
Moji Pops – Review #AD
Guess Who – Macho Actor Paid Money To…
Nordine Zouareg: Wellness Coach, 2X M…
Idea of the North in Adagio for the H…
Moji Pops – Review #AD
Guess Who – Macho Actor Paid Money To…
Nordine Zouareg: Wellness Coach, 2X M…
Idea of the North in Adagio for the H…
Source link
The post Bend Any Website’s CSS To Your Will with Stylish or Stylebot appeared first on Nexstair Technologies.
This post first appeared onNexstair | Creative Website Design And Wordpress T, please read the originial post:here