Replace all fonts on webpage with Sofia Pro
Google Messages by kiraviolet
Details
Authorkiraviolet
LicenseNo License
CategoryGoogle Messages
Created
Updated
Code size1.8 kB
Code checksumcb6bac12
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Sofia Pro Font Replacement
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Replace all fonts on webpage with Sofia Pro
@author You
==/UserStyle== */
@-moz-document domain("*") {
/* Define Sofia Pro font-face if you want to include it directly */
/* Note: You should have proper licensing to use Sofia Pro font */
/*
@font-face {
font-family: 'Sofia Pro';
src: url('path-to-font/SofiaPro.woff2') format('woff2'),
url('path-to-font/SofiaPro.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
*/
/* Apply Sofia Pro to all elements */
* {
font-family: "Sofia Pro", "Sofia Pro Light", "Sofia Pro Medium", "Sofia Pro Bold", sans-serif !important;
}
/* Target common text elements specifically for better coverage */
body,
p,
h1, h2, h3, h4, h5, h6,
span,
div,
a,
button,
input,
select,
textarea,
li,
td,
th {
font-family: "Sofia Pro", "Sofia Pro Light", "Sofia Pro Medium", "Sofia Pro Bold", sans-serif !important;
}
/* Target common website frameworks and their text classes */
.text, .title, .heading, .caption, .label, .button-text,
.nav-text, .menu-item, .sidebar-text, .footer-text,
.content, .description, .card-text, .modal-text {
font-family: "Sofia Pro", "Sofia Pro Light", "Sofia Pro Medium", "Sofia Pro Bold", sans-serif !important;
}
/* Ensure font doesn't get overridden by !important rules elsewhere */
[class*="font"], [class*="text"], [class*="title"],
[class*="heading"], [class*="label"], [id*="text"],
[id*="font"], [id*="title"], [id*="heading"] {
font-family: "Sofia Pro", "Sofia Pro Light", "Sofia Pro Medium", "Sofia Pro Bold", sans-serif !important;
}
}