Телеграмм чат группы frontendua страница 1227

Size: a a a

Frontend UA

2020 April 08

@font-face {
        font-weight: normal;
        font-family: "Oswald-Regular";
        src: url(https://letapp-static.s3-us-west-1.amazonaws.com/deepviews/Oswald-Regular.ttf),
          format("truetype");
        font-display: swap;
      }

так його завантажую

у тебя лишня кома перед format. Можливо це впливає? Або на телефоні може стояти adblock, який не дає вантажити шрифти

источник

20:37пожаловаться #1

V7v S6k in Frontend UA

Terry Sahaidak

до того видавав помилку в network, що не може його завантажити. Safari як на симуляторі так і десктопний — все ок.

зараз помилки немає і завантажує без проблем (після багатьох релоадів), на телефоні (хром на андроїдіі) досі не грузить

упевнений що не закешований? з ctrl-shift-f5 завантажує?

источник

20:37пожаловаться #2

Terry Sahaidak in Frontend UA

Maksym

у тебя лишня кома перед format. Можливо це впливає? Або на телефоні може стояти adblock, який не дає вантажити шрифти

забрав взагалі формат

источник

20:40пожаловаться #3

Terry Sahaidak in Frontend UA

источник

20:40пожаловаться #4

Terry Sahaidak in Frontend UA

шрифт загрузило, десь закешувало видно (хоч стоїть disable cache), але тут помилку досі показує)

источник

20:40пожаловаться #5

Terry Sahaidak in Frontend UA

¯\_(ツ)_/¯

источник

20:40пожаловаться #6

Terry Sahaidak in Frontend UA

источник

20:43пожаловаться #7

V7v S6k in Frontend UA

Terry Sahaidak

що там у тебе з CORS?)

источник

20:46пожаловаться #8

V7v S6k in Frontend UA

подивись
https://coderwall.com/p/ub8zug/serving-web-fonts-via-aws-s3-and-cloudfront

Coderwall

Serving web fonts via AWS S3 and Cloudfront (Example)

A protip by tmilewski about s3, cdn, fonts, aws, cors, amazon web services, web fonts, and cloudfront.

источник

20:47пожаловаться #9

V7v S6k in Frontend UA

https://drafts.csswg.org/css-fonts-3/#allowing-cross-origin-font-loading

источник

20:48пожаловаться #10

V7v S6k in Frontend UA

V7v S6k

подивись
https://coderwall.com/p/ub8zug/serving-web-fonts-via-aws-s3-and-cloudfront

Coderwall

Serving web fonts via AWS S3 and Cloudfront (Example)

A protip by tmilewski about s3, cdn, fonts, aws, cors, amazon web services, web fonts, and cloudfront.

не дуже надійне джерело, правда, я не впевнений що це ок

источник

20:49пожаловаться #11

V7v S6k in Frontend UA

https://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html

Amazon

Cross-Origin Resource Sharing (CORS) - Amazon Simple Storage Service

In Amazon S3, define a way for client web applications that are loaded in one domain to interact with resources in a different domain.

источник

20:50пожаловаться #12

Terry Sahaidak in Frontend UA

та хз що з CORS, так як в сафарі все працює)
та й, здаєтья, запит в хроміі мав би показати хоч, що звалився через CORS

источник

21:12пожаловаться #13

V7v S6k in Frontend UA

вони ж відрізняються між браузерами наче, хром міняв політику здається недавно...

источник

21:14пожаловаться #14

Terry Sahaidak in Frontend UA

V7v S6k

вони ж відрізняються між браузерами наче, хром міняв політику здається недавно...

а, так в мене оці свг з того ж бакета грузяться, тому точно не CORS

источник

21:15пожаловаться #15

Terry Sahaidak in Frontend UA

щойно поняв, що той шрифт є на google fonts, тому заюзав його і все працює
¯\_(ツ)_/¯

источник

21:19пожаловаться #16

Terry Sahaidak in Frontend UA

правда там використовується інший формат, можливо в цьому іі була трабла

источник

21:20пожаловаться #17

Terry Sahaidak in Frontend UA

woff2

источник

21:20пожаловаться #18

V7v S6k in Frontend UA

😄

источник

21:21пожаловаться #19

2020 April 09

Anton Nemtsev in Frontend UA

Подскажите пожалуйста — как правильно использовать React.forwardRef с функциональным компонентом.
Я погуглил немного, но что то только больше запутался.

https://codesandbox.io/s/red-bird-vqsiv?file=/pages/Input/index.js

CodeSandbox

red-bird-vqsiv - CodeSandbox

red-bird-vqsiv by SilentImp using next, react, react-dom

источник

17:29пожаловаться #20