mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-14 08:37:58 +02:00
e30696bd20
* Being difficult to read due to its mix of thin and thick strokes. * Having poor language/extended character support. * Not having other weights/styles (bold, italic, etc) and relying on browser approximations of those variants. The next fonts down the stack (Garamond and Times) are more properly aligned to the appearance of the top-level serif font in the stack (Hoefler Text), and work better in its place. Props kjellr, Rarst, justintadlock. Fixes #45881. Built from https://develop.svn.wordpress.org/trunk@45919 git-svn-id: http://core.svn.wordpress.org/trunk@45730 1a063a9b-81f0-0310-95a4-ce76da25c4cd
83 lines
6.3 KiB
SCSS
83 lines
6.3 KiB
SCSS
/*
|
|
* Chrome renders extra-wide characters for the Hoefler Text font.
|
|
* This results in a jumping cursor when typing in both the Classic and block
|
|
* editors. The following font-face override fixes the issue by manually inserting
|
|
* a custom font that includes just a Hoefler Text space replacement for that
|
|
* character instead.
|
|
*/
|
|
@font-face {
|
|
font-family: 'NonBreakingSpaceOverride';
|
|
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
|
|
url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
|
|
|
|
}
|
|
|
|
// Font and typographic variables
|
|
|
|
$font__body: "NonBreakingSpaceOverride", "Hoefler Text", Garamond, "Times New Roman", serif;
|
|
$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
$font__fallbacks: (
|
|
/* Arabic */
|
|
ar: 'Tahoma, Arial, sans-serif',
|
|
ary: 'Tahoma, Arial, sans-serif',
|
|
azb: 'Tahoma, Arial, sans-serif',
|
|
ckb: 'Tahoma, Arial, sans-serif',
|
|
fa-IR: 'Tahoma, Arial, sans-serif',
|
|
haz: 'Tahoma, Arial, sans-serif',
|
|
ps: 'Tahoma, Arial, sans-serif',
|
|
/* Cyrillic */
|
|
be: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
|
bg-BG: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
|
kk: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
|
mk-MK: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
|
mn: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
|
ru-RU: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
|
sah: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
|
sr-RS: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
|
tt-RU: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
|
uk: '"Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif',
|
|
/* Chinese (Hong Kong) */
|
|
zh-HK: '-apple-system, BlinkMacSystemFont, "PingFang HK", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
|
|
/* Chinese (Taiwan) */
|
|
zh-TW: '-apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
|
|
/* Chinese (China) */
|
|
zh-CN: '-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif',
|
|
/* Devanagari */
|
|
bn-BD: 'Arial, sans-serif',
|
|
hi-IN: 'Arial, sans-serif',
|
|
mr: 'Arial, sans-serif',
|
|
ne-NP: 'Arial, sans-serif',
|
|
/* Greek */
|
|
el: '"Helvetica Neue", Helvetica, Arial, sans-serif',
|
|
/* Gujarati */
|
|
gu: 'Arial, sans-serif',
|
|
/* Hebrew */
|
|
he-IL: '"Arial Hebrew", Arial, sans-serif',
|
|
/* Japanese */
|
|
ja: '-apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif',
|
|
/* Korean */
|
|
ko-KR: '"Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif',
|
|
/* Thai */
|
|
th: '"Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif',
|
|
/* Vietnamese */
|
|
vi: '"Libre Franklin", sans-serif',
|
|
);
|
|
$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
|
|
$font__pre: "Courier 10 Pitch", Courier, monospace;
|
|
|
|
$font__size_base: 22px;
|
|
$font__size-ratio: 1.125;
|
|
|
|
$font__size-xxs: 1em / (1.5 * $font__size-ratio);
|
|
$font__size-xs: 1em / (1.25 * $font__size-ratio);
|
|
$font__size-sm: 1em / (1 * $font__size-ratio);
|
|
$font__size-md: 1em * (1 * $font__size-ratio);
|
|
$font__size-lg: 1em * (1.5 * $font__size-ratio);
|
|
$font__size-xl: 1em * (2 * $font__size-ratio);
|
|
$font__size-xxl: 1em * (2.5 * $font__size-ratio);
|
|
$font__size-xxxl: 1em * (3 * $font__size-ratio);
|
|
|
|
$font__line-height-body: 1.8;
|
|
$font__line-height-pre: 1.6;
|
|
$font__line-height-heading: 1.2;
|
|
$font__line-height-double: 2 * $font__line-height-heading; |