1.font-face ( @font ) { 2 font-display: swap; 3 src: url('fonts/@{font}.eot'); /* IE9 Compat Modes */ 4 src: url('fonts/@{font}.eot?#iefix') format ( 'embedded-opentype' ), /* IE6-IE8 */ 5/* url('fonts/@{font}.otf') format ( 'opentype' ),*/ /* Open Type Font */ 6 url('fonts/@{font}.ttf') format ( 'truetype' ), /* Safari, Android, iOS */ 7 url('fonts/@{font}.svg#main') format ( 'svg' ), /* Legacy iOS */ 8 url('fonts/@{font}.woff') format ( 'woff' ), /* Modern Browsers */ 9 url('fonts/@{font}.woff2') format ( 'woff2' ); /* Modern Browsers */ 10} 11 12@font-face { 13 font-family: AnimeAce; .font-face ( anime_ace ) 14} 15@font-face { 16 font-family: Axolotl; .font-face ( axolotl_comic ) 17} 18@font-face { 19 font-family: DatFestComic; .font-face ( dat_fest_comic ) 20} 21@font-face { 22 font-family: DSPFetcher; .font-face ( dsp_fetcher ) 23} 24@font-face { 25 font-family: StrippedClone; .font-face ( stripped_clone ) 26} 27@font-face { 28 font-family: LisichkaComic; .font-face ( lisichka ) 29} 30@font-face { 31 font-family: ClaWrite; .font-face ( nest_clawrite ) 32} 33@font-face { 34 font-family: Impact; .font-face ( impact ) 35} 36@font-face { 37 font-family: KBLuckyCloverCyr; .font-face ( kbluckyclovercyr ) 38} 39@font-face { 40 font-family: TengwarAnnatar; .font-face ( tengvar_annatar ) 41} 42@font-face { 43 font-family: FontAwesome; .font-face ( font_awesome ) 44} 45@font-face { 46 font-family: FontAwesome47; .font-face ( font_awesome-4.7.0.2016 ) 47} 48@font-face { 49 font-family: SpaceCyr; .font-face ( space_cyr ) 50} 51@font-face { 52 font-family: UnicephalonCyr; .font-face ( unicephalon_cyr ) 53} 54@font-face { 55 font-family: VagRoundCyr; .font-face ( vag_round_cyr ) 56} 57 58.aace { 59 font-family: AnimeAce, cursive; 60} 61.axol { 62 font-family: Axolotl, cursive; 63} 64.fest,.flo,.sam,.hlx,.saw,.qwe,.dvo,.edge,.blunt,.max,.rai,.kor,.mad,.mayor,.mhlp,.nio,.pol,.mst,.mst1,.bow,.com,.ish,.gre,.oth { 65 font-family: DatFestComic, cursive; 66 .lang-he & { 67 font-family: 'Frank Ruhl Libre'; 68 letter-spacing: -0.05px; /* достаточно -0,01, перестраховка */ 69 } 70 .export.lang-hi & { 71 line-height: 100% !important; 72 } 73 .lang-hi & { 74 font-family: 'Inknut Antiqua'; 75 letter-spacing: -1.22px; 76 line-height: 136%; 77 } 78 .lang-ko & { 79 font-family: Jua; 80 letter-spacing: 1.5px; 81 line-height: 136%; 82 } 83 .lang-ja & { 84 font-family: 'Kosugi Maru'; 85 line-height: 128%; 86 } 87 .lang-sjn & { 88 font-family: TengwarAnnatar, cursive; 89 } 90 .lang-zh & { 91 font-family: 'ZCOOL KuaiLe'; 92 letter-spacing: 1.1px; 93 line-height: 132%; 94 } 95} 96.dspf { 97 font-family: DSPFetcher, cursive; 98} 99.stri { 100 font-family: StrippedClone, cursive; 101} 102.lisi { 103 font-family: LisichkaComic, cursive; 104} 105.claw { 106 font-family: ClaWrite, cursive; 107} 108.impt { 109 font-family: Impact, cursive; 110} 111.lucl { 112 font-family: KBLuckyCloverCyr, cursive; 113} 114.tean { 115 font-family: TengwarAnnatar, cursive; 116} 117.fawe { 118 font-family: FontAwesome, DatFestComic, cursive; 119} 120.fawe47 { 121 font-family: FontAwesome47, DatFestComic, cursive; 122} 123.spac { 124 font-family: SpaceCyr, cursive; 125} 126.unic { 127 font-family: UnicephalonCyr, cursive; 128} 129.vrc,.varc,.vag { 130 font-family: VagRoundCyr, cursive; 131} 132.ops { 133 font-family: "Open Sans"; 134} 135 136.aace,.axol,.fest,.dspf,.stri,.lisi,.claw,.impt,.lucl,.tean,.fawe,.fawe47,.spac,.unic,.vrc,.varc,.ops { 137 -webkit-appearance: none; 138 display: inline; 139 font-feature-settings: "kern" 1; 140 font-kerning: normal; 141 word-wrap: break-word; 142} 143 144.flo,.sam,.hlx,.saw,.qwe,.dvo,.edge,.blunt,.max,.rai,.kor,.mad,.mayor,.mhlp,.nio,.pol,.mst,.mst1,.bow,.com,.ish,.gre,.oth,.vag { 145 display: inline; 146 font-size: 1.3em; 147} 148 149.flo { color: #866444; } 150.sam { color: #4B70BB; } 151.hlx { color: #8A796F; } 152.saw { color: #FE2E06; } 153.qwe { color: #5E3432; } 154.dvo { color: #696A00; } 155.com, .edge { color: #3F5537; } 156.blunt { color: #554E37; } 157.max { color: #242424; } 158.rai { color: #106A10; } 159.kor { color: #005263; } 160.mad { color: #333333; } 161.mayor { color: #491D31; } 162.mhlp { color: #493025; } 163.nio { color: #49211D; } 164.pol { color: #10106A; } 165.mst, .mst1 { color: #CE5200; } 166.bow { color: #C7AE1A; } 167.ish { color: #4A3110; } 168.gre { color: #215f7a; } 169.oth { color: black; } 170.vag { color: #00a90c;} 171.znt { color: #1E90FF; } 172.ozy { color: #404040; } 173.mil { color: #EE7000; } 174.mol { color: #700070; } 175.tsp { color: #BB81CE; } 176.rrp { color: #A9A9A9; } 177.rdp { color: #006BFF; } 178.fsp { color: #CEC343; } 179.ppp { color: #DE2E76; } 180.ajp { color: #CA9954; } 181.sdr { color: #258B01; } 182.bmp { color: #DE6E56; } 183 184.znt, 185.ozy,.mil, 186.mol,.tsp,.rrp,.rdp,.fsp,.ppp,.ajp,.sdr,.bmp { 187 display: inline; 188} 189.mirx, 190.miry { 191 display: inline-block; 192} 193.mirx, 194.mirx img { 195 transform: scaleX(-1); 196 filter: FlipH; 197} 198.miry, 199.miry img { 200 transform: scaleY(-1); 201 filter: FlipV; 202} 203.vyleft { 204 float: left; 205 text-align: left !important; 206} 207.vyjust { 208 float: left; 209 text-align: justify !important; 210} 211.vyright { 212 float: right; 213 text-align: right !important; 214} 215.vycenter { 216 display: inline-block; 217 margin: 0 auto; 218 text-align: center !important; 219 .note& { 220 display: inherit; 221 padding: 15px 20px 15px 40px; 222 } 223} 224 225@keyframes mor { 226 50% { 227 visibility: hidden; 228 } 229 100% { 230 visibility: hidden; 231 } 232} 233.anim_mor { 234 animation: mor .5s linear infinite; 235} 236