├── README.md ├── files ├── arrow.png ├── pic1.jpg ├── pic2.png ├── pic3.jpg ├── facebook.svg ├── twitter.svg ├── instagram.svg ├── logo.svg ├── css_002.css ├── style.css └── css.css └── index.html /README.md: -------------------------------------------------------------------------------- 1 | # -html_aca2 2 | Учебный макет 3 | -------------------------------------------------------------------------------- /files/arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vdoc/-html_aca2/master/files/arrow.png -------------------------------------------------------------------------------- /files/pic1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vdoc/-html_aca2/master/files/pic1.jpg -------------------------------------------------------------------------------- /files/pic2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vdoc/-html_aca2/master/files/pic2.png -------------------------------------------------------------------------------- /files/pic3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vdoc/-html_aca2/master/files/pic3.jpg -------------------------------------------------------------------------------- /files/facebook.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /files/twitter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /files/instagram.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /files/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /files/css_002.css: -------------------------------------------------------------------------------- 1 | /* cyrillic */ 2 | @font-face { 3 | font-family: 'Playfair Display'; 4 | font-style: normal; 5 | font-weight: 900; 6 | font-display: swap; 7 | src: url(https://fonts.gstatic.com/s/playfairdisplay/v20/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsunDTbtPY_Q.woff2) format('woff2'); 8 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 9 | } 10 | /* vietnamese */ 11 | @font-face { 12 | font-family: 'Playfair Display'; 13 | font-style: normal; 14 | font-weight: 900; 15 | font-display: swap; 16 | src: url(https://fonts.gstatic.com/s/playfairdisplay/v20/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsunDYbtPY_Q.woff2) format('woff2'); 17 | unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; 18 | } 19 | /* latin-ext */ 20 | @font-face { 21 | font-family: 'Playfair Display'; 22 | font-style: normal; 23 | font-weight: 900; 24 | font-display: swap; 25 | src: url(https://fonts.gstatic.com/s/playfairdisplay/v20/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsunDZbtPY_Q.woff2) format('woff2'); 26 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 27 | } 28 | /* latin */ 29 | @font-face { 30 | font-family: 'Playfair Display'; 31 | font-style: normal; 32 | font-weight: 900; 33 | font-display: swap; 34 | src: url(https://fonts.gstatic.com/s/playfairdisplay/v20/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKfsunDXbtM.woff2) format('woff2'); 35 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 36 | } 37 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Новости культуры 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |
15 |

Новости культуры

16 | 27 | 28 |
29 |
30 | 31 |
32 |
33 | 34 |
Подводный отель
35 |
Как известно, Дубай – город контрастов. 36 | Самые революционные
и фантастические мечты архитекторов 37 | способен воплотить в жизнь
этот мегаполис, построенный 38 | на нефти и за счет нефти 39 |
40 |
41 |
42 | 43 | 44 |
45 |
46 |
Обзоры
47 |
48 |
49 | 50 |

«Шальные годы» Монпарнаса

51 |

В Музее изобразительных искусств 52 | имени Пушкина с 29 сентября по 29 ноября проходит 53 | выставка «Шальные годы Монпарнаса»

54 |
55 |
56 | 57 |

Анатомия за 30 секунд

58 |

Сейчас, когда мир открыт нараспашку 59 | для человека и его познавательных изысканий, интерес 60 | к научно‑популярной литературе заметно вырос

61 |
62 |
63 | 64 |

Сферические чудаки

65 |

Корреспондентам «Культурного обозревателя» 66 | посчастливилось побывать в театре «Сфера» на премьере спектакля 67 | «Чудаки и зануды»

68 |
69 |
70 |
71 |
72 | 73 | 74 |
75 |
76 |
77 |
Абонементы в театр
78 |
79 |

Скидка 50% на весь сезон 2020

80 |
Покупая абонемент на сезон 2020 года 81 | вы сэкономите половину стоимости всех спектаклей
82 |
83 |
84 | 85 |
86 |
87 |

Места у сцены

88 |
Только для обладателей абонементов 89 | будет возможность сесть поближе к сцене
90 |
91 |
92 | 93 |
94 |
95 |

Автограф-сессия актёров

96 |
После спектаклей у вас будет возможность 97 | пообщаться с актёрами и взять у них автограф
98 |
99 | 100 |
101 |
102 |
103 | 104 | 105 | 126 | 127 | 128 | -------------------------------------------------------------------------------- /files/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | box-sizing: border-box; 4 | } 5 | 6 | body { 7 | font-size: 14px; 8 | padding: 0; 9 | font-family: 'Roboto'; 10 | font-style: normal; 11 | font-weight: 400; 12 | } 13 | 14 | .header{ 15 | padding-top: 60px; 16 | margin-bottom: 47px; 17 | } 18 | 19 | .positioner{ 20 | margin: 0 auto; 21 | width: 1172px; 22 | } 23 | 24 | .header .positioner{ 25 | min-height: 112px; 26 | } 27 | 28 | h1{ 29 | font-family: 'Playfair Display', serif; 30 | font-weight: 900; 31 | font-size: 35px; 32 | line-height: 47px; 33 | letter-spacing: 1px; 34 | text-align: center; 35 | } 36 | 37 | .header-menu{ 38 | margin-top: 46px; 39 | display: flex; 40 | justify-content: space-between; 41 | } 42 | 43 | .menu-item{ 44 | text-transform: uppercase; 45 | font-size: 15px; 46 | line-height: 18px; 47 | letter-spacing: 2px; 48 | } 49 | 50 | .menu-item:hover{ 51 | color: #FF7931; 52 | } 53 | 54 | a{ 55 | color: black; 56 | text-decoration: none; 57 | } 58 | 59 | .description{ 60 | margin-bottom: 44px; 61 | background: url(img/Mask%20Group.jpg) 50% 50% no-repeat; 62 | background-size: 100% 100%; 63 | color: white; 64 | } 65 | 66 | .description .positioner{ 67 | min-height: 464px; 68 | text-align: center; 69 | } 70 | 71 | .description img{ 72 | margin-top: 46px; 73 | margin-bottom: 32px; 74 | } 75 | 76 | .description-title{ 77 | font-size: 72px; 78 | line-height: 84px; 79 | letter-spacing: 2px; 80 | text-transform: uppercase; 81 | margin-bottom: 130px; 82 | } 83 | 84 | .description-text{ 85 | font-size: 14px; 86 | line-height: 24px; 87 | font-weight: 400; 88 | } 89 | 90 | .reviews{ 91 | margin-bottom: -40px; 92 | } 93 | 94 | .reviews .positioner{ 95 | min-height: 463px; 96 | } 97 | 98 | .review-title{ 99 | text-align: center; 100 | font-weight: bold; 101 | font-size: 17px; 102 | line-height: 20px; 103 | letter-spacing: 2px; 104 | text-transform: uppercase; 105 | margin-bottom: 20px; 106 | } 107 | 108 | .column{ 109 | width: 370px; 110 | } 111 | 112 | .column-wrapper{ 113 | display: flex; 114 | justify-content: space-between; 115 | } 116 | 117 | .column-title{ 118 | font-family: 'Playfair Display', serif; 119 | font-weight: 900; 120 | font-size: 23px; 121 | line-height: 31px; 122 | margin-top: 20px; 123 | margin-bottom: 11px; 124 | } 125 | 126 | .column-title:hover{ 127 | color: #FF7931; 128 | } 129 | 130 | .column-text{ 131 | font-weight: 400; 132 | font-size: 14px; 133 | line-height: 21px; 134 | margin: 0; 135 | padding-right: 10px;; 136 | } 137 | 138 | .tickets{ 139 | margin-bottom: 50px; 140 | background-color: #F7F7F7; 141 | text-align: center; 142 | } 143 | 144 | 145 | .tickets .positioner{ 146 | height: 556px; 147 | box-sizing: border-box; 148 | position: relative; 149 | } 150 | 151 | .circle{ 152 | height: 707px; 153 | width: 707px; 154 | border-radius: 50%; 155 | box-sizing: border-box; 156 | padding-top: 108px; 157 | position: absolute; 158 | left: 233px; 159 | top: -75px; 160 | background-image: linear-gradient(180deg, 161 | transparent 75px, 162 | #fff 75px, 163 | #fff 631px, 164 | transparent 631px); 165 | } 166 | 167 | .tickets-title{ 168 | padding-bottom: 35px; 169 | font-weight: bold; 170 | font-size: 17px; 171 | line-height: 20px; 172 | letter-spacing: 2px; 173 | text-transform: uppercase; 174 | } 175 | 176 | .ticket-option{ 177 | width: 370px; 178 | height: 104px; 179 | margin: 0 auto 25px; 180 | } 181 | 182 | .ticket-option-line{ 183 | width: 100px; 184 | height: 0; 185 | border: 1px solid rgba(97, 16, 16, 0.2); 186 | opacity: 0.4; 187 | margin-top: -25px; 188 | } 189 | 190 | .option-title{ 191 | font-family: 'Playfair Display', serif; 192 | font-style: normal; 193 | font-weight: 900; 194 | font-size: 23px; 195 | line-height: 31px; 196 | } 197 | 198 | .option-text{ 199 | height: 63px; 200 | font-style: normal; 201 | font-weight: 400; 202 | font-size: 14px; 203 | line-height: 21px; 204 | margin-left: auto; 205 | margin-right: auto; 206 | margin-top: 10px; 207 | } 208 | 209 | .tickets-btn{ 210 | margin-bottom: 36px; 211 | width: 170px; 212 | height: 47px; 213 | background-color: #FF7931; 214 | color: white; 215 | border: none; 216 | font-weight: normal; 217 | font-size: 12px; 218 | line-height: 14px; 219 | letter-spacing: 2px; 220 | text-transform: uppercase; 221 | margin-left: auto; 222 | margin-right: auto; 223 | position: relative; 224 | padding-right: 38px; 225 | } 226 | 227 | .tickets button:hover{ 228 | background-color: #575757; 229 | color: white; 230 | } 231 | 232 | .tickets button:active{ 233 | background-color: #a8a6a6; 234 | } 235 | 236 | 237 | .btn-logo{ 238 | position: absolute; 239 | top: 15px; 240 | right: 31px; 241 | } 242 | 243 | .footer{ 244 | background-color: #575757; 245 | margin: 0; 246 | color: white; 247 | text-align: center; 248 | } 249 | 250 | .footer .positioner{ 251 | min-height: 295px; 252 | } 253 | 254 | .footer-title{ 255 | font-family: 'Playfair Display', serif; 256 | font-style: normal; 257 | font-weight: 900; 258 | font-size: 28px; 259 | line-height: 37px; 260 | letter-spacing: 1px; 261 | margin-bottom: 32px; 262 | padding-top: 26px; 263 | } 264 | 265 | .footer-menu{ 266 | display: flex; 267 | justify-content: space-between; 268 | border-bottom: 1px solid rgba(255, 255, 255, 0.4); 269 | padding-bottom: 46px; 270 | margin-bottom: 42px; 271 | } 272 | 273 | .footer a{ 274 | color: white; 275 | } 276 | 277 | .links{ 278 | display: flex; 279 | justify-content: center; 280 | } 281 | 282 | .link-btn{ 283 | width: 47px; 284 | height: 47px; 285 | background-color: #fff; 286 | margin-right: 14px; 287 | display: flex; 288 | justify-content: center; 289 | align-items: center; 290 | } 291 | 292 | .link-btn:last-child{ 293 | margin-left: 0; 294 | } 295 | 296 | .link-btn:hover{ 297 | background-color: #FF7931; 298 | } 299 | -------------------------------------------------------------------------------- /files/css.css: -------------------------------------------------------------------------------- 1 | /* cyrillic-ext */ 2 | @font-face { 3 | font-family: 'Roboto'; 4 | font-style: normal; 5 | font-weight: 400; 6 | font-display: swap; 7 | src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); 8 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 9 | } 10 | /* cyrillic */ 11 | @font-face { 12 | font-family: 'Roboto'; 13 | font-style: normal; 14 | font-weight: 400; 15 | font-display: swap; 16 | src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); 17 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 18 | } 19 | /* greek-ext */ 20 | @font-face { 21 | font-family: 'Roboto'; 22 | font-style: normal; 23 | font-weight: 400; 24 | font-display: swap; 25 | src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); 26 | unicode-range: U+1F00-1FFF; 27 | } 28 | /* greek */ 29 | @font-face { 30 | font-family: 'Roboto'; 31 | font-style: normal; 32 | font-weight: 400; 33 | font-display: swap; 34 | src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); 35 | unicode-range: U+0370-03FF; 36 | } 37 | /* vietnamese */ 38 | @font-face { 39 | font-family: 'Roboto'; 40 | font-style: normal; 41 | font-weight: 400; 42 | font-display: swap; 43 | src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); 44 | unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; 45 | } 46 | /* latin-ext */ 47 | @font-face { 48 | font-family: 'Roboto'; 49 | font-style: normal; 50 | font-weight: 400; 51 | font-display: swap; 52 | src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); 53 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 54 | } 55 | /* latin */ 56 | @font-face { 57 | font-family: 'Roboto'; 58 | font-style: normal; 59 | font-weight: 400; 60 | font-display: swap; 61 | src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); 62 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 63 | } 64 | /* cyrillic-ext */ 65 | @font-face { 66 | font-family: 'Roboto'; 67 | font-style: normal; 68 | font-weight: 500; 69 | font-display: swap; 70 | src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); 71 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 72 | } 73 | /* cyrillic */ 74 | @font-face { 75 | font-family: 'Roboto'; 76 | font-style: normal; 77 | font-weight: 500; 78 | font-display: swap; 79 | src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); 80 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 81 | } 82 | /* greek-ext */ 83 | @font-face { 84 | font-family: 'Roboto'; 85 | font-style: normal; 86 | font-weight: 500; 87 | font-display: swap; 88 | src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); 89 | unicode-range: U+1F00-1FFF; 90 | } 91 | /* greek */ 92 | @font-face { 93 | font-family: 'Roboto'; 94 | font-style: normal; 95 | font-weight: 500; 96 | font-display: swap; 97 | src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); 98 | unicode-range: U+0370-03FF; 99 | } 100 | /* vietnamese */ 101 | @font-face { 102 | font-family: 'Roboto'; 103 | font-style: normal; 104 | font-weight: 500; 105 | font-display: swap; 106 | src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); 107 | unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; 108 | } 109 | /* latin-ext */ 110 | @font-face { 111 | font-family: 'Roboto'; 112 | font-style: normal; 113 | font-weight: 500; 114 | font-display: swap; 115 | src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); 116 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 117 | } 118 | /* latin */ 119 | @font-face { 120 | font-family: 'Roboto'; 121 | font-style: normal; 122 | font-weight: 500; 123 | font-display: swap; 124 | src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); 125 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 126 | } 127 | /* cyrillic-ext */ 128 | @font-face { 129 | font-family: 'Roboto'; 130 | font-style: normal; 131 | font-weight: 900; 132 | font-display: swap; 133 | src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2'); 134 | unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; 135 | } 136 | /* cyrillic */ 137 | @font-face { 138 | font-family: 'Roboto'; 139 | font-style: normal; 140 | font-weight: 900; 141 | font-display: swap; 142 | src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2'); 143 | unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; 144 | } 145 | /* greek-ext */ 146 | @font-face { 147 | font-family: 'Roboto'; 148 | font-style: normal; 149 | font-weight: 900; 150 | font-display: swap; 151 | src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2'); 152 | unicode-range: U+1F00-1FFF; 153 | } 154 | /* greek */ 155 | @font-face { 156 | font-family: 'Roboto'; 157 | font-style: normal; 158 | font-weight: 900; 159 | font-display: swap; 160 | src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2'); 161 | unicode-range: U+0370-03FF; 162 | } 163 | /* vietnamese */ 164 | @font-face { 165 | font-family: 'Roboto'; 166 | font-style: normal; 167 | font-weight: 900; 168 | font-display: swap; 169 | src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2'); 170 | unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; 171 | } 172 | /* latin-ext */ 173 | @font-face { 174 | font-family: 'Roboto'; 175 | font-style: normal; 176 | font-weight: 900; 177 | font-display: swap; 178 | src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2'); 179 | unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 180 | } 181 | /* latin */ 182 | @font-face { 183 | font-family: 'Roboto'; 184 | font-style: normal; 185 | font-weight: 900; 186 | font-display: swap; 187 | src: local('Roboto Black'), local('Roboto-Black'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2'); 188 | unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; 189 | } 190 | --------------------------------------------------------------------------------