System fonts. Системные шрифты

font-alias.css

/* 
  https://www.zachleat.com/web/rename-font/
  https://github.com/jonathantneal/system-font-css]
  https://medium.design/system-shock-6b1dc6d6596f
  http://furbo.org/2015/07/09/i-left-my-system-fonts-in-san-francisco/
  http://prgssr.ru/development/ispolzovanie-shriftov-sistemnogo-interfejsa-v-veb-dizajne.html
*/

@font-face {
  font-family: My San Francisco Alias;
  src:
    local(system-ui),
    local(-apple-system),
    local('.SFNSText-Regular');
}

p {
  font-family: My San Francisco Alias, fantasy;
}

fonts.css

/* https://booking.design/implementing-system-fonts-on-booking-com-a-lesson-learned-bdc984df627f */

html {
  font: 16px/1.2 system-ui, BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
  "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* подключение системного шрифта Segoe UI */
@font-face {
  font-family: "Segoe UI";
  font-weight: 200;
  src:
    /* full name */
    local("Segoe UI Light"),
    /* postscript name */
    local("SegoeUI-Light"),
    url("//i.s-microsoft.com/fonts/Segoe-UI/Cyrillic/Light/latest.woff") format("woff");
}

twitter-fonts.css

/* twitter */
body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative
}

@media screen and (-webkit-min-device-pixel-ratio: 2), 
    screen and (min-resolution:2dppx) {
    body {
        -moz-osx-font-smoothing:grayscale;
        -webkit-font-smoothing: antialiased
    }
}

body.ms-windows {
    font-family: "Segoe UI",Arial,sans-serif
}