Add our new custom icon font and fix platform links

Fixes #1250, #1249
This commit is contained in:
Dawid Potocki
2019-09-09 10:21:33 +12:00
parent c03fd93d29
commit 060491c4a6
29 changed files with 709 additions and 96 deletions

52
_sass/ptio-font.scss Normal file
View File

@ -0,0 +1,52 @@
/*
Icon Font: ptio-font
*/
@font-face {
font-family: "ptio-font";
src: url("../webfonts/ptio-font.eot");
src: url("../webfonts/ptio-font.eot?#iefix") format("embedded-opentype"),
url("../webfonts/ptio-font.woff2") format("woff2"),
url("../webfonts/ptio-font.woff") format("woff"),
url("../webfonts/ptio-font.ttf") format("truetype"),
url("../webfonts/ptio-font.svg#ptio-font") format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "ptio-font";
src: url("../webfonts/ptio-font.svg#ptio-font") format("svg");
}
}
[data-icon]:before { content: attr(data-icon); }
[data-icon]:before,
.ptio-f-droid:before,
.ptio-ios:before,
.ptio-macos:before,
.ptio-netbsd:before,
.ptio-openbsd:before,
.ptio-sailfish-os:before {
display: inline-block;
font-family: "ptio-font";
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
text-decoration: inherit;
text-rendering: optimizeLegibility;
text-transform: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
.ptio-f-droid:before { content: "\f100"; }
.ptio-ios:before { content: "\f101"; }
.ptio-macos:before { content: "\f102"; }
.ptio-netbsd:before { content: "\f103"; }
.ptio-openbsd:before { content: "\f104"; }
.ptio-sailfish-os:before { content: "\f106"; }