当前位置: 首页 > 面试题库 >

更改所有material-ui(版本1)组件的字体系列

袁俊弼
2023-03-14
问题内容

我们可以用更少的代码更改material-
ui组件的字体系列吗?我已经尝试了很多方法,但是仍然无法做到。我必须单独更改字体系列,这确实是很多工作。还有其他方法吗?


问题答案:

您可以执行以下操作在material-ui @ next库中更改字体。假设您<App />的定义如下

// Material UI
import { MuiThemeProvider, createMuiTheme } from 'material-ui/styles';

const App = () => (
  <MuiThemeProvider theme={THEME}>
    <Provider store={store}>
      <Router history={appHistory} routes={Routes} />
    </Provider>
  </MuiThemeProvider>
 );

 ReactDOM.render(<App />, document.getElementById('app'));

theme道具中为MuiThemeProvider您提供以下内容

const THEME = createMuiTheme({
   typography: {
    "fontFamily": `"Roboto", "Helvetica", "Arial", sans-serif`,
    "fontSize": 14,
    "fontWeightLight": 300,
    "fontWeightRegular": 400,
    "fontWeightMedium": 500
   }
});

然后在您css或您的主index.html文件中的某处包含此@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

有关所有参数的列表,您可以为createMuiTheme Default Theme Params赋予默认值。关于更改MuiTheme的文档本身,它们如下。主题素材UI

关于该<Reboot />部分,您可以在此处查看文档。Material UI Reboot Details



 类似资料:
  • 问题内容: 我有一个JTextPane(或JEditorPane,我可以使用两个都没问题)。如何将选定区域的字体更改为特定字体? 将无法正常工作。(即使是字体家族) 问题答案: 您只能整体更改JTextPane的字体,而不能更改RTF文本。 有一个下面的JEdi​​torPane(显然的JTextPane太),你得到的与保持。您希望将其转换为a ,然后可以对给定的字符序列进行操作。 Java教程h

  • 我正在编写一个应用程序,它使用PDFbox库来填充PDF文件中的字段。 在其中一个字段中,我将文本设置为希伯来字母。 当我在Android设备上运行代码时,我会得到以下日志: 我试图在堆栈溢出中找到一些关于它的信息,但我找到的答案都与填充表单有关。它都与有关。 你能帮我解决这个错误并用PDFBox在表格中填写希伯来字母吗?

  • 我需要将给定HTML的字体家族和字体大小更改为特定的字体家族和大小。(例如:Times New Romen,尺寸:12)你知道如何使用Htmlagilitypack来完成吗? 字体大小可以在给定的HTML中以多种方式定义。例如:使用,也使用样式标记。因此,我需要改变所有特定的字体大小。

  • 我可以用代码设置文本粗体: 是的,cell有粗体风格,但它有另一种字体。它有(尺寸:11)。如果我创建没有样式的单元格,我会得到这个单元格:(大小:10)。 好吧,那我试试别的方法: 没有区别。我得到(尺寸: 11)。 但为什么呢?我怎样才能修复它?我希望所有单元格(加粗或不加粗)具有相同的字体名称和大小。我不想手动设置字体。

  • 问题内容: 我打算在微调器中将文本字体更改为arialbold。以下是我的代码:- 问题答案: 类: 版面: my_spinner_style.xml TTF文件

  • 问题内容: 说我有一个。 在整个字符串中,字符串具有 多种 __格式 组合 : 这是一个例子: 这个字符串 在iOS中 很难 改变* , 真的 很烂 。 * 但是,字体本身不是您想要的字体。 我想要: 对于每个字符,将该字符更改为特定 字体 (例如Avenir) 对于每一个角色, 保持 了 组合 的 其他 这是以前对这个角色的地方归因(粗体,斜体,颜色,等等等等)。 你到底是怎么做到的? 注意: