Question

我在更改shopify Polaris的字体时遇到麻烦。在我的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>
  );
}

我也在index.js中import './styles.css'。这是代码沙箱：https://codesandbox.io/s/98kmj283lp。它确实很小又简单。如果有人可以帮助我做到这一点，那就太好了！谢谢！

Answer 1

如果您在const iframe = document.getElementById("parseApplicant"); iframe.src = chrome.runtime.getURL("index.html"); iframe.onload = () => { iframe.contentWindow.postMessage({call:'sendValue', value: innerHtml}, "*"); } iframe.frameBorder = 0;之外的正文中键入一些文本，则会看到字体更改实际上起了作用。

但是，我认为您不应该更改Shopify应用程序中文本，Button或任何其他组件的字体。 Polaris框架的全部目的是使事物看起来相同。另外，我不会更改普通文本的字体。

在此处查看指南：https://polaris.shopify.com/design/typography#section-font-stack

使用Shopify Polaris React.js的Google字体

1 个答案: