扩展Material UI主题中的字体

文章/答案/技术大牛

发布

1回答

reactjs、material-ui

是否可以在材料UI主题中定义额外的字体(font-family)。我想得到这样的东西： export const theme = createMuiTheme({ fontFamily: '"Open Sans",

浏览 12提问于2020-01-22得票数 0

回答已采纳

1回答

如何应用选定主题的颜色

javascript、reactjs、material-ui

我使用的如下：import { AppBar, Toolbar } from 'material-ui';import { MuiThemeProvider, createMuiTheme } from 'material-ui/styles

浏览 0提问于2018-04-10得票数 0

回答已采纳

3回答

material-ui中的排版和间距

javascript、reactjs、typescript、material-ui

我在theme.ts中为material-ui定义了原始主题import {ColorManipulator} from 'material-ui/lib/utils/'; import {Styles} from 'material-ui

浏览 1提问于2016-02-26得票数 8

回答已采纳

1回答

如何“缩放”材料中的所有元素-UI？

reactjs、material-ui

在库页面()上，所有组件都以一个很好的大小呈现。我现在，整整两天，试图渲染正确的东西，改变fontSize或覆盖属性与MUI，但它有很多的同侧效应，如填充或轮廓超出规模。非常感谢

浏览 2提问于2020-01-27得票数 3

2回答

React / Material-UI:在自定义主题中使用变量引用

reactjs、material-ui

是否有方法在Material-UI (React)中使用自定义主题中对同一主题中定义的变量的引用？例如，组件MuiBottomNavigation应该使用主色(main)作为背景。import { createTheme, useTheme } from '@mui/material/styles'; palette

浏览 25提问于2021-09-22得票数 1

回答已采纳

2回答

React材质如何主题化身体颜色

reactjs、react-material

有没有办法在react材质中使用CssBaseline更改默认的主体颜色？我不想使用like color: "red", },我找不到任何例子。

浏览 8提问于2020-05-16得票数 1

5回答

如何在素材ui主题中导入和使用自定义字体？

reactjs、material-design、material-ui、typography、font-family

我试图导入和使用黄尾字体(从谷歌字体)在我的反应应用程序的材料-UI主题。命令。我在App.js中导入了它，将它放在主题的字体-家庭部分，将主题传递给MuiThemeProvider，但是它不起作用。我错过了什么？这就是我在App.js中所拥有的(标头包含带有某些网格的AppBar，而主体只包含用于测试的

浏览 0提问于2019-09-28得票数 19

回答已采纳

3回答

React 18 - MUI -更改字体系列

css、reactjs、material-ui、font-family

我创建了一个主题来更改MUI的默认字体系列，但是它没有工作。这是我的主题部分： typography: { }, export default theme;

浏览 10提问于2022-07-02得票数 0

回答已采纳

1回答

material v1:如何为物料ui v1中的所有组件设置一个字体大小？

reactjs、material-ui

我们在应用程序中使用的是1.4.5 material。现在，我们正在尝试为应用程序中的所有组件设置一个字体大小。例如，我们希望为标题/按钮/段落fontSize: 14px,设置/list.诸若此类。下面是我们的主题配置示例：import purple from '@<em

浏览 2提问于2018-08-14得票数 5

回答已采纳

2回答

如何在物料界面中从文本视图中选择项目后更改字体颜色

javascript、css、reactjs、material-ui

我的react应用程序中有一个精选的文本视图。如何在从该文本视图中选择项目后更改字体颜色。import React from "react";import Menu from "@material-ui/core/Menu"; import MenuItem from &quo

浏览 27提问于2019-06-26得票数 0

回答已采纳

1回答

为什么不使用JSS在material-ui中加载Roboto

css、reactjs、material-ui、jss

Material-UI使用JSS方式来设计他们的组件。它是在"roboto“字体的基础上构建的。但是，要加载这种Roboto字体，为什么Material-UI依赖于CSS模块，比如"typeface-roboto"？这是否在某种程度上与他们使用JSS设置组件样式和使用CSS设置字体系列相矛盾？

浏览 2提问于2018-06-11得票数 1

1回答

如何在qooxdoo表行中更改字体大小？

javascript、fonts、font-size、qooxdoo

如何在qooxdoo表qx.ui.table.Table中更改数据字体大小

浏览 5提问于2022-10-28得票数 0

回答已采纳

1回答

Material-UI:自定义主题字体大小，部分组件布局会出现异常

material-ui

我使用的材料-UI自定义主题，然后设置字体大小为20。字体大小只影响SVG图标的大小，按钮的宽度和高度值与之前相同。，在主题配置中改变字体大小的好模式是什么？或者我需要自己在主题配置中设置所有组件的宽度、高度、边距等？这是Material-UI模块版本列表。"@material-ui/core": "4.12.3", "

浏览 37提问于2021-09-13得票数 1

1回答

如何向MUI的默认排版(TypeScript)添加新的变体

reactjs、typescript、material-ui

在文件newTheme.ts中，自定义主颜色，并添加新的变体类型post declare m

浏览 9提问于2022-08-20得票数 1

5回答

改变主题中的按钮文本颜色

reactjs、button、colors、material-ui、themes

我有一个问题，改变按钮文本的颜色直接在MUI主题。改变主颜色+按钮字体大小很好，所以问题不是在传递主题上。这是我的密码：import { MuiThemeProvider, createMuiTheme } from 'material-ui/styles'; import { lightBlue } from 'material-ui&

浏览 8提问于2017-12-14得票数 15

回答已采纳

1回答

如何为物料UI的表头、表体、按钮标签设置自定义字体？

javascript、reactjs、material-ui

我正在使用createMuiTheme设置自定义我的主题与材料UI。如何为header、body和button标签设置特定字体？import { createMuiTheme } from "@material-ui/core/styles"; typography} from "react&quo

浏览 20提问于2019-03-27得票数 6

回答已采纳

2回答

在实际用户界面中，图标不像预期的那样工作

reactjs、material-ui

我使用的是素材界面。在文档中，它显示了我可以使用： ...{classes.button}> <Icon className={classes.rightIcon}>send</Icon>但它显示的是一个按钮，其中有一个文本"BLABLA“，这是错误的

浏览 6提问于2018-11-02得票数 0

1回答

gatsby主题素材用户界面和盖茨比插件-资料界面的区别

javascript、reactjs、material-ui、gatsby

我的问题是：如何配置项目？

浏览 2提问于2020-05-31得票数 7

回答已采纳

1回答

如何在物料界面中更改告警图标大小

javascript、reactjs、material-ui、react-material

一切都很好，除了他的事实，我没有看到改变图标大小的方法。这是我的密码： <Alert severity="info"</Snackbar> 图标是由“严重性”定义的，我如何更改它的大小？我不想覆盖图标，只要把它的大小更改为更大。

浏览 3提问于2020-01-25得票数 3

回答已采纳

1回答

MaterialCardview需要Theme.AppCompat

android、themes、material-design、android-cardview

我试着在谷歌新材料组件上测试我的技能。The style on this component requires your app theme to be Theme.AppCompat at com.google.android.material.card.MaterialCardView我将style="@style/Theme.AppCompat" & android:theme="@style/Theme.AppCompat"添加到MaterialCardView中，也添加

浏览 0提问于2018-06-17得票数 10

点击加载更多