Google шрифты с шоппингом поляриса - PullRequest
Новая
       8

Google шрифты с шоппингом поляриса

0 голосов
/ 12 февраля 2019

У меня проблемы со сменой шрифтов шопифи поляриса.В моем styles.css у меня есть это: 

@import url("https://fonts.googleapis.com/css?family=Archivo");
.App {
  font-family: Archivo;
  text-align: center;
  font-weight: bold;
}

И в моем index.js у меня есть это: 

function App() {
  return (
    <div className="App">
      <AppProvider>
        <Button>Test Button</Button>
      </AppProvider>
    </div>
  );
}

Я также import './styles.css' в index.js.Вот песочница с кодом: https://codesandbox.io/s/98kmj283lp. Это действительно маленький и простой.Если кто-нибудь может помочь мне сделать это, это было бы здорово!Спасибо!

1 Ответ

0 голосов
/ 13 февраля 2019

Если вы введете какой-либо текст в теле за пределами Button, вы увидите, что изменение шрифта действительно дает эффект.

Однако я не думаю, что вы должны изменитьшрифты ни текста, ни Button, ни каких-либо других компонентов в приложении Shopify.Вся цель платформы Polaris - сделать так, чтобы все выглядело одинаково.Кроме того, я бы не стал менять шрифт обычного текста.

См. Рекомендации здесь: https://polaris.shopify.com/design/typography#section-font-stack

...