Skip to content

* Font Roboto by MaruniUmebachi

Write a review Install Get Stylus

Details

AuthorMaruniUmebachi

LicenseCC 0

Categorygoogle

Created

Updated

Size65 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Roboto フォントを機能させる。

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Google *
@version      20241015.11.54
@namespace    google
@description  Roboto フォントを機能させるなど。
@author       MaruniUmebachi
@license      CC 0
==/UserStyle== */

@-moz-document domain("google.com"), domain("google.co.jp"), regexp("(android|https)?://(www\\.)?goolge\\.co\\.\\w+/.*") {
:root {
    --Stylus-CSS: "Google *";
    &,
    body {
        --Stylus-CSS: "Google *";
        --Last-Font: var(--Noto-Font), Helvetica, Arial, sans-serif;
        --Roboto-Font: Roboto, RobotoDraft;
        --Source-Font: "Source Han Sans VF";
        --Noto-Hans: "Noto Sans JP", "Noto Sans CJK";
        --Noto-Sans: "Noto", "Noto Sans";
        --Base-Font: var(--Roboto-Font), var(--Noto-Font);
        --Han-Font: var(--Noto-Hans), var(--Source-Font);
        --FontFamily: var(--font-family-Stylus);
        --font-family-Stylus: var(--Base-Font), var(--Han-Font), var(--Last-Font), sans-serif;
    }

    * {
        --Stylus-CSS: "Google *";
        --font-family-Stylus: var(--Base-Font), var(--Han-Font), var(--Last-Font), sans-serif;
    }

    svg {
        --Stylus-CSS: "Google *";
        &,
        *,
        text {
            --Stylus-CSS: "Google *";
            --font-feature-settings-Stylus: initial;
            --font-variant-east-asian-Stylus: normal;
            --spacing-Stylus: 0;
            --letter-spacing-Stylus: var(--spacing-Stylus);
            --word-spacing-Stylus: var(--spacing-Stylus);
        }
    }
}
}

@-moz-document domain("google.com"), domain("google.co.jp"), domain("youtube.com") {
:root {
    --Stylus-CSS: "Google *";
    &,
    body {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        --font-variant-east-asian-Stylus: proportional-width;
        --font-feature-settings-Stylus: "palt";
        --spacing-Stylus: calc(1em / 16);
        --letter-spacing-Stylus: calc(1em / 8);
        --word-spacing-Stylus: calc(1em / 16);
        --font-optical-sizing: var(--font-optical-sizing-Stylus);
        --font-optical-sizing-Stylus: inherit;
    }
}
}

@-moz-document domain("youtube.com") {
:root {
    --Stylus-CSS: "Google *";
    --Stylus-CSS: "YouTube";
    #input {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        letter-spacing: var(--letter-spacing-Stylus-form);
        word-spacing: var(--word-spacing-Stylus-form);
        font-feature-settings: var(--font-feature-settings-Stylus-form);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
        font-kerning: var(--font-kerning-Stylus-form);
    }

    .break-words {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        letter-spacing: var(--letter-spacing-Stylus-line);
        word-spacing: var(--word-spacing-Stylus-line);
        font-feature-settings: var(--font-feature-settings-Stylus);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus);
        font-kerning: var(--font-kerning-Stylus);
    }

    h1.ytd-watch-metadata,
    ytd-watch-metadata[title-headline-xs] h1.ytd-watch-metadata {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        font-family: "YouTube Sans", "Roboto", sans-serif;
    }
}

html:root {
    --Stylus-CSS: "Google *";
    --Stylus-CSS: "YouTube";
    --ytd-subheadline-font-size: 1.5rem;
    --yt-attributed-string-link-hover-color: var(--yt-brand-youtube-red, --accent-color);
    --yt-spec-call-to-action: var(--yt-brand-youtube-red, --accent-color);
    --yt-spec-suggested-action: var(--yt-spec-brand-link-text-faded);
    .yt-core-attributed-string__link--call-to-action-color,
    .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        color: var(--yt-brand-youtube-red, --accent-color);
    }

    .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--outline:hover {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        background: var(--yt-spec-brand-link-text-faded);
    }
}
}

@-moz-document url-prefix("www.youtube.com") {
:root {
    --Stylus-CSS: "Google *";
    --Stylus-CSS: "YouTube";
    --Stylus-CSS-extension: "yt-live-chat";
    #card.yt-live-chat-viewer-engagement-message-renderer {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        --Stylus-CSS-extension: "yt-live-chat";
        display: none;
    }

    yt-live-chat-text-input-field-renderer[is-chat-message-input] #input.yt-live-chat-text-input-field-renderer {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        --Stylus-CSS-extension: "yt-live-chat";
        letter-spacing: var(--letter-spacing-Stylus-form);
        word-spacing: var(--word-spacing-Stylus-form);
        font-feature-settings: var(--font-feature-settings-Stylus-form);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
        font-kerning: var(--font-kerning-Stylus-form);
    }
}

:root {
    --Stylus-CSS: "Google *";
    --Stylus-CSS: "YouTube";
    --Stylus-CSS-extension: "ytlctn";
    [style="white-space: pre !important"]#ytlctn-ql-editor {
        --Stylus-CSS: "Google *";
        --Stylus-CSS: "YouTube";
        --Stylus-CSS-extension: "ytlctn";
        font-feature-settings: var(--font-feature-settings-Stylus-form) !important;
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form) !important;
    }
}
}

@-moz-document domain("docs.google.com") {
:root {
    --Stylus-CSS: "Google *";
    --FontFamily: Roboto, 'docs-Roboto', Noto, 'Noto Sans', 'Noto Sans JP', sans-serif;
    :is(*, text):not(html) {
        --Stylus-CSS: "Google *";
        font-feature-settings: var(--font-feature-settings-Stylus-form);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
        font-kerning: var(--font-kerning-Stylus-form);
    }

    [style*="font-family:'docs-Roboto';"] {
        --Stylus-CSS: "Google *";
        font-family: 'docs-Roboto', sans-serif !important;
    }

    svg {
        --Stylus-CSS: "Google *";
        font-feature-settings: var(--font-feature-settings-Stylus-form);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
        font-kerning: var(--font-kerning-Stylus-form);
        :is(*, text):not(html) {
            --Stylus-CSS: "Google *";
            font-feature-settings: var(--font-feature-settings-Stylus-form);
            font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
            font-kerning: var(--font-kerning-Stylus-form);
        }
    }
}
}

@-moz-document domain("drive.google.com") {
:root {
    --Stylus-CSS: "Google *";
    div.editable {
        --Stylus-CSS: "Google *";
        font-feature-settings: var(--font-feature-settings-Stylus-form);
        font-variant-east-asian: var(--font-variant-east-asian-Stylus-form);
        font-kerning: var(--font-kerning-Stylus-form);
    }
}
}

@-moz-document url-prefix("https://docs.google.com/forms/d/e/") {
:root {
    --Stylus-CSS: "Google *";
    &,
    body {
        --Stylus-CSS: "Google *";
        --inline-size-Stylus-div-width: 100%;
    }
}

/* https://docs.google.com/forms/d/e/1FAIpQLSdzizM8ovBteWZcYHXoc3AsgImfZmJSQdRdbQSbMtaRv3wjaw/formResponse?pli=1 */
html.HB1eCd-UMrnmb body.D8bnZd div.Uc2NEf div.teQAzf form#mG61Hd div.RH5hzf.RLS9Fe div.lrKTG div.o3Dpx div.Qr7Oae div div.geS5n div.AgroKb div.rFrNMe.k3kHxc.RdH0ib.yqQS1.zKHdkd.CDELXb,
div.k3kHxc.RdH0ib {
    --Stylus-CSS: "Google *";
    width: var(--inline-size-Stylus-div-width);
}
}

@-moz-document url-prefix("https://docs.google.com/spreadsheets") {
@font-face {
    --Stylus-CSS: "* Roboto Source Han";
    font-family: "docs-Roboto";
    src: local("Roboto Mono"), local("Noto Sans Mono"), local("Noto Sans Mono Extracondensed"), local("docs-Roboto"), local("Roboto"), local("Source Han Sans HW VF"), local("Source Han Sans HW"), local("sans-serif");
}
}

@-moz-document url-prefix("https://docs.google.com/spreadsheets/d/") {
:root {
    --Stylus-CSS: "Google *";
    svg text,
    * {
        --Stylus-CSS: "Google *";
        font-variant-numeric: var(--font-variant-numeric-Stylus-table);
    }
}
}

@-moz-document domain("ogs.google.com") {
;
root {
    --Stylus-CSS: "Google *";
}
}

@-moz-document url-prefix("https://support.google.com/docs") {
.hcfe article section .cc {
    --Stylus-CSS: "Google *";
    font-size: var(--font-size-Stylus);
    line-height: var(--line-height-Stylus);
}
}

@-moz-document domain("scholar.google.com") {
.gs_el_sm .gs_r {
    --Stylus-CSS: "Google *";
    padding-block: 1em 1.5em;
}

.gs_r {
    &,
    :any-link {
        --Stylus-CSS: "Google *";
        line-height: 1.75;
    }
}
}

@-moz-document url-prefix("https://.*\\.googleusercontent\\.com/userCodeAppPanel") {
:root {
    --Stylus-CSS: "Google *";
    font-family: Roboto, Noto, var(--font-family-Stylus), 'Noto Sans', 'Noto Sans JP', 'Source Han Sans VF', sans-serif;
}
}

@-moz-document url-prefix("https://example.com/") {
a b c d e f g h i j k l m n o p q r s t u v w x y z,
* {
    --Stylus-CSS: "Google *";
    all: unset !important;
}
}

@-moz-document domain("google.com"), domain("google.co.jp"), domain("scholar.google.com"), domain("youtube.com"), regexp("(android|https)?://(www\\.)?goolge\\.co\\.\\w+/.*"), regexp("(android|https)?://(\\w+\\.)?goolge\\.\\w+/.*"), regexp("(android|https)?://(\\w+\\.)?youtube\\.\\w+/.*"), regexp("(android|https)?://(\\w+\\.)?yt\\.be/.*"), regexp("https?://(www\\.)?foo\\.com/(one|two).*") {
@font-face {
    font-family: "Helvetica";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local("Source Han Sans Normal"), local("Noto Sans");
}

@font-face {
    font-family: "Helvetica";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: local("Source Han Sans Medium"), local("Noto Sans");
}

@font-face {
    font-family: "Helvetica";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: local("Source Han Sans Bold"), lo...

Reviews

No reviews yet.