mirror of
https://github.com/adobe-fonts/source-sans.git
synced 2025-09-03 12:32:58 +02:00
Merge branch 'master' of https://github.com/adobe-fonts/source-sans-pro into PaulVersionNext
This commit is contained in:
Paul D. Hunt
commit
3d2ede39ee
8 changed files with 99 additions and 20 deletions
Binary file not shown.
Binary file not shown.
BIN
docs/WOFF2/SourceSans3VF-Italic.otf.woff2
Normal file
BIN
docs/WOFF2/SourceSans3VF-Italic.otf.woff2
Normal file
Binary file not shown.
BIN
docs/WOFF2/SourceSans3VF-Roman.otf.woff2
Normal file
BIN
docs/WOFF2/SourceSans3VF-Roman.otf.woff2
Normal file
Binary file not shown.
|
|
@ -9,7 +9,7 @@
|
|||
<style>
|
||||
|
||||
body {
|
||||
font-family: 'Source Sans 3', sans;
|
||||
font-family: 'Source Sans 3 VF', 'Source Sans 3', sans;
|
||||
overflow-x: hidden;
|
||||
font-feature-settings: "kern" 1,"liga" 1;
|
||||
font-size: 100%;
|
||||
|
|
@ -46,24 +46,56 @@
|
|||
background-color: #EEE;
|
||||
}
|
||||
.ribbon {
|
||||
background: none repeat scroll 0% 0% rgb(34, 34, 34);
|
||||
color: white;
|
||||
display: block;
|
||||
font: 400 13px 'Source Sans 3';
|
||||
font-weight: 700;
|
||||
padding: 8px 150px;
|
||||
width: 12.1em;
|
||||
height: 12.1em;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
right: 0;
|
||||
z-index: 9999;
|
||||
pointer-events: none;
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
top: 0px;
|
||||
-webkit-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
|
||||
-moz-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
|
||||
-ms-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
|
||||
-o-transform: translate(50%, -50%) rotate(45deg) translateY(72px);
|
||||
transform: translate(50%, -50%) rotate(45deg) translateY(72px);
|
||||
white-space: nowrap;
|
||||
text-indent: -999999px;
|
||||
}
|
||||
.ribbon:before, .ribbon:after {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 15.38em;
|
||||
height: 1.54em;
|
||||
|
||||
top: 3.23em;
|
||||
right: -3.23em;
|
||||
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
.ribbon:before {
|
||||
content: "";
|
||||
padding: .38em 0;
|
||||
background-color: rgb(34, 34, 34);
|
||||
pointer-events: auto;
|
||||
}
|
||||
.ribbon:after {
|
||||
content: attr(data-ribbon);
|
||||
|
||||
color: #fff;
|
||||
font: 700 13px 'Source Sans 3 VF', 'Source Sans 3';
|
||||
line-height: 1.54em;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-indent: 0;
|
||||
|
||||
padding: .15em 0;
|
||||
margin: .15em 0;
|
||||
}
|
||||
@media (max-width: 720px) {
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
|
|
@ -91,10 +123,34 @@
|
|||
max-width: 1100px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
background-color: #222;
|
||||
color: #FFF;
|
||||
}
|
||||
div:hover
|
||||
{
|
||||
background-color: #333;
|
||||
}
|
||||
.ribbon:before {
|
||||
background-color: rgb(221, 221, 221);;
|
||||
}
|
||||
.ribbon:after {
|
||||
color: #000;
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
body {
|
||||
background-color: #FFF;
|
||||
color: #000;
|
||||
}
|
||||
div:hover
|
||||
{
|
||||
background-color: #EEE;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
</head>
|
||||
<body>
|
||||
<article spellcheck="false">
|
||||
<h1>Source Sans 3</h1>
|
||||
<hr>
|
||||
|
|
@ -350,8 +406,10 @@
|
|||
</p>
|
||||
</div>
|
||||
|
||||
<a class="ribbon" href="https://github.com/adobe-fonts/source-sans-3">Fork me on GitHub</a>
|
||||
<a class="ribbon" href="https://github.com/adobe-fonts/source-sans-3" data-ribbon="Fork me on GitHub"
|
||||
title="Fork me on GitHub"
|
||||
></a>
|
||||
|
||||
</article>
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -105,3 +105,24 @@
|
|||
src: url('WOFF2/TTF/SourceSans3-BlackIt.ttf.woff2') format('woff2'),
|
||||
url('WOFF/OTF/SourceSans3-BlackIt.otf.woff') format('woff');
|
||||
}
|
||||
|
||||
|
||||
@supports (font-variation-settings:normal) {
|
||||
@font-face{
|
||||
font-family: 'Source Sans 3 VF';
|
||||
font-weight: 200 900;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
src: url('WOFF2/SourceSans3VF-Roman.otf.woff2') format('woff2-variations'),
|
||||
url('WOFF2/SourceSans3VF-Roman.ttf.woff2') format('woff2-variations');
|
||||
}
|
||||
@font-face{
|
||||
font-family: 'Source Sans 3 VF';
|
||||
font-weight: 200 900;
|
||||
font-style: italic;
|
||||
font-stretch: normal;
|
||||
src: url('WOFF2/SourceSans3VF-Italic.otf.woff2') format('woff2-variations'),
|
||||
url('WOFF2/SourceSans3VF-Italic.ttf.woff2') format('woff2-variations');
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue