Change font families of example characters by position mouse cursor over body or character and/or holding left mouse button
/* ==UserStyle==
@name Graphemica: Different Fonts on Hover
@description Change font families of example characters by position mouse cursor over body or character and/or holding left mouse button
@namespace myfonj
@version 0.0.2
@license CC0 - Public Domain
==/UserStyle== */
@-moz-document domain("graphemica.com") {
/*
Notes:
Original is:
body .char {
font-family: "Times", "Times New Roman", "serif", "sans-serif", "EmojiSymbols";
}
EmojiSymbols (http://emojisymbols.com/) is embedded in page style.
https://greasyfork.org/en/scripts/411367/versions/new
https://userstyles.org/styles/130470/edit
*/
.char-title::after {
display: block;
font-size: 0.7em;
content: 'in "Times", "Times New Roman", "serif", "sans-serif", "EmojiSymbols"';
}
body:hover .char {
font-family: "Segoe UI", "Segoe UI Symbol";
}
body:hover h2.char-title::after {
content: 'in "Segoe UI", "Segoe UI Symbol"';
}
body:active .char {
font-family: "Arial Unicode MS", "Arial";
}
body:active h2.char-title::after {
content: 'in "Arial Unicode MS", "Arial"';
}
body:hover .char:hover {
font-family: "Segoe UI Emoji";
}
body:hover .char:hover + h2.char-title::after {
content: 'in "Segoe UI Emoji"';
}
body:hover .char:hover:active {
/* not used */
}
body:hover .char:active:not(:hover) {
/* not used */
}
}