missing @import statement: why do i always do these things

This commit is contained in:
dragonwocky 2020-05-31 00:34:09 +10:00
parent b139e2ddf9
commit d6eca764d6
Signed by: dragonwocky
GPG Key ID: C7A48B7846AA706D
2 changed files with 3 additions and 1 deletions

View File

@ -135,6 +135,7 @@ css below will work for every instance of the element, but if you wish to hide o
**styles must be added to the top of the `user.css` file, so that nothing (other than comments) is above them @import statement**
```css
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Oxygen&family=Roboto+Slab:wght@300&display=swap');
.notion-app-inner {
font-family: 'Oxygen', sans-serif !important;
}

View File

@ -163,7 +163,8 @@ changes will be applied instantly on notion reload
<a href="#custom-fonts">custom fonts</a>
</h4>
<p><strong>styles must be added to the top of the <code>user.css</code> file, so that nothing (other than comments) is above them @import statement</strong></p>
<pre><code class="lang-css"><span class="hljs-selector-class">.notion-app-inner</span> {
<pre><code class="lang-css"><span class="hljs-keyword">@import</span> url(<span class="hljs-string">'https://fonts.googleapis.com/css2?family=Fira+Code&amp;family=Oxygen&amp;family=Roboto+Slab:wght@300&amp;display=swap'</span>);
<span class="hljs-selector-class">.notion-app-inner</span> {
<span class="hljs-attribute">font-family</span>: <span class="hljs-string">'Oxygen'</span>, sans-serif <span class="hljs-meta">!important</span>;
}
<span class="hljs-selector-attr">[style*=<span class="hljs-string">'monospace;'</span>]</span> {