/* 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-i2p-garlic:before, .ptio-ios:before, .ptio-linux:before, .ptio-macos:before, .ptio-mix:before, .ptio-netbsd:before, .ptio-openbsd:before, .ptio-sailfish-os:before, .ptio-tor: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-i2p-garlic:before { content: "\f10c"; } .ptio-ios:before { content: "\f101"; } .ptio-linux:before { content: "\f102"; } .ptio-macos:before { content: "\f103"; } .ptio-mix:before { content: "\f107"; } .ptio-netbsd:before { content: "\f104"; } .ptio-openbsd:before { content: "\f105"; } .ptio-sailfish-os:before { content: "\f106"; } .ptio-tor:before { content: "\f10b"; }