archive/inter-font
Archived
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

website: p3 color and updarte to vf note on front page

Browse source
This commit is contained in:
Rasmus Andersson 2019-05-27 11:35:11 -07:00
parent 67c0cb80c7
commit e94f7354db
2 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

3
docs/index.html
View file

@ -195,8 +195,7 @@ html { font-family: 'Inter', sans-serif; }
<script src="index-var.js?v={{ index_var_js_v }}"></script> <script src="index-var.js?v={{ index_var_js_v }}"></script>
<div class="row white"><div> <div class="row white"><div>
<p> <p>
Variable fonts is a new technology and support is somewhat in flux at Variable fonts is a new and emerging technology.<br>
the time of writing this (fall 2018.)<br>
<a href="var-test.html">This test</a> can be used to discover <a href="var-test.html">This test</a> can be used to discover
what a web browser is capable of. what a web browser is capable of.
</p> </p>

11
docs/res/base.css
View file

@ -10,9 +10,18 @@
--columnGap: 2rem; --columnGap: 2rem;
/* P3 wide gamut colors */
--red: color(display-p3 0.94 0.19 0.04);
--yellow: color(display-p3 1 0.87 0.05);
--blue: rgb(3, 102, 214);
}
@supports not (color: color(display-p3 1 1 1)) {
/* sRGB colors */
:root {
--red: #F03009; --red: #F03009;
--yellow: #FFE310; --yellow: #FFE310;
--blue: rgb(3, 102, 214); }
} }
* { margin:0; padding:0; font-synthesis: none; } * { margin:0; padding:0; font-synthesis: none; }