更改Angular 4材质中的字体

文章/答案/技术大牛

发布

1回答

css、angular、material-design

如何使用.CSS而非SASS格式的样式文件更改Angular 4 Material material.angular.io中的字体？文档为SASS：提供了一个示例。我想将字体更改为Open Sans。

浏览 8提问于2018-01-02得票数 1

2回答

Angular material -如何更改某些元素的字体大小？

angular、angular-material2

我使用带材质的Angular 4的md-select，不管我怎么尝试，我似乎都不能把font-size改成14。这里也没有样式，除了node-modules，我不想改变它。我可以用firebug检查它，看到是mat-select-trigger类将字体大小设置为16px，但我在任何地方都找不到它(除了在节点模块中的一些文件中).....How我可以将md-select字体大小更改为

浏览 24提问于2018-02-27得票数 0

回答已采纳

1回答

是否仅覆盖等宽字体？

css、angular、angular-material

是否可以仅覆盖Angular材质中使用的等宽字体？我需要所有的<code>foo</code>块使用一种字体，有零0，这是不同的大写哦O。

浏览 13提问于2020-05-15得票数 1

2回答

在Angular组件的封装设置为native的情况下使用材质图标字体

css、angular、angular-material2、shadow-dom、google-material-icons

我过去在Angular 4+项目中使用过Material的图标字体，只要组件的封装是模拟的。我目前的项目只需要支持最新版本的Chrome，所以我打算将所有组件都设置为ViewEncapsulation.Native，据我所知，它使用浏览器的原生ShadowDOM。但是，我不能让材质图标字体在我的任何组件中呈现。在我的index.html文件<e

浏览 13提问于2017-07-31得票数 4

3回答

如何更改Angular 5 material mat中的样式-禁用时选择选定文本

css、angular、colors、angular-material

当Angular 5材质mat-select设置为disabled时，如何更改显示选定值的文本的字体颜色。目前，它默认为灰色，我想要更改它，以便它显示深蓝色，无论是禁用还是启用。

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

1回答

Angular 10 + SCSS:使用@font-face时浏览器不请求字体

css、angular、sass、fonts

我有一个使用SCSS的Angular 10应用程序。我在_typography.scss中声明了一些@font-face声明，引用了我的assets/fonts directory中的字体。但是，当运行应用程序时，浏览器甚至不会发起下载字体文件的请求。font-family: 'Spartan', 'Segoe UI'; font-s

浏览 2提问于2020-10-03得票数 0

2回答

Google地图的css覆盖了我自己的样式，我如何防止这种情况发生？

javascript、css、angular、typescript、google-maps

我使用的是Angular 7.2.2和Typescript。我正在通过index.html中的<script>-tag从"“导入谷歌地图我尝试从显示组件中动态加载脚本，但显然样式封装只适用于"styleUrls“参数提供的

浏览 2提问于2019-01-30得票数 1

1回答

Roboto Font face仅下载常规字体

angular、fonts、angular-material、roboto

我使用的是angular 6材质和"roboto-fontface“依赖。我只在我的应用程序中使用常规的roboto字体。但它下载了所有的常规，中等和粗体字体，并增加了我的应用程序的大小。有没有办法只下载普通的Roboto字体？还有，有没有办法停止从浏览器下载这些字体。每当我加载应用程序的字体下载，它增加了加载时间。请建议我处理这些<e

浏览 17提问于2019-01-23得票数 0

2回答

在角项目中不使用角材料库的字体库

css、angular、font-awesome、angular-material-theming

我试图在我的项目中使用字体令人敬畏的css，但是css没有应用到HTML元素中。如果我删除棱角材质主题，那么只有字体Awesome是工作的。但是那样的话，角质材料组件就不能工作了！@import "~font-awesome/css/font-awesome.css"; @import "~@angular/material/prebuilt-themes/indigo-p

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

3回答

在添加了角材质后，字体尺寸变小了。#发行

angular

我在我的项目中使用了引导和角材料，但是在"angular.json“字体中添加了角材质主题之后，字体变小了，但是当我删除它们时，它工作得很好，但是组件不能工作。我已经检查了所有可能的方法，但还是没有用。

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

16回答

角度材质垫-微调器自定义颜色

css、angular、angular-material、spinner

谁知道如何在Angular材质中更改无纺布的颜色？覆盖css不起作用。我尝试在材质文件中更改颜色，但它们只能导入，我不能在那里更改任何内容。我希望它是我的自定义颜色，而不是来自预置主题的颜色。

浏览 4提问于2018-02-14得票数 46

2回答

更改Angular* Material 2中的原色*

angular、angular-material2

我正在尝试更改角度材质2 (alpha 6)中的默认原色。但是青色仍然显示在页面中，粉色永远不会出现。如何<e

浏览 0提问于2016-08-03得票数 19

1回答

是否使用Angular* 7+和Angular材质更改占位符颜色？*

css、angular、angular-material

使用Angular 7+和Angular材质，我希望更改输入字段中占位符文本的颜色。 <input matInput placeholder="Favorite food" value=

浏览 5提问于2019-07-08得票数 0

3回答

如何在Angular* 4中创建range滑块(角度材质)？*

angular、angular-material

默认情况下，角度材质中没有范围滑块。在Angular 4中有没有使用范围滑块的方法？

浏览 9提问于2017-05-24得票数 12

回答已采纳

1回答

-webkit-tap newer color: rgba(0,0,0,0)；在更新的android版本上不起作用吗？

android、cordova、highlighting

我有一个phonegap android应用程序，想要禁用突出显示时，“点击”的东西。我还发现有人说这在更新的android版本(>4.1)中不再起作用。那么，在新版本中有没有解决方案来防止这种突出显示？

浏览 0提问于2013-11-13得票数 0

2回答

角度材料元素/字体太大，无法在桌面上使用

angular-material

我喜欢元素和所有的东西，除了默认的字体大小和元素都很大。要在可接受的范围内查看网站，我或我的用户必须在桌面上缩小至少75%，而且我的大多数用户都是桌面用户。有没有办法在angular材质中指定使用较小的字体、元素等？

浏览 2提问于2018-05-17得票数 4

2回答

Angular Material字体系列开关

angularjs、angular-material

我似乎找不到任何关于在Angular Material中使用不同字体的文档。通过框架，这是可能的吗？

浏览 0提问于2016-11-12得票数 3

1回答

Mat-日期选择器-使用useUtc的显示格式dd/mm/yyyy : true

angular、angular-material-6

我来自印度(+5:30偏移量)我的要求是以dd/mm/yyyy格式显示日期，它应该始终是utc日期，否则它减去时间偏移量并在http帖子中传递昨天的日期。我正在维护一个公共模块，以便在我的功能模块中导入必要的mat模块。是否可以在全局范围内进行修复，这样我的功能模块内部就不会有任何变化。提前谢谢。 MuthuD

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

5回答

为什么Angular材料是响应性的，而AngualJS材料不是？

javascript、angularjs、angular-material、angularjs-material

我正在尝试为我的一个应用程序选择一个框架，我偶然发现了和。我知道这两个都来自谷歌(如果我错了，请纠正我)，但基本上两者都在做或多或少相同的事情，在HTML页面中呈现组件，我不明白的是(由于相似的名称混淆，谷歌周围的效果不是很好)为什么Angular材料没有响应为了使我的应用程序响应，我应该选择哪一个？Or..how我会得到一个角度材质应用程序respnsive吗？

浏览 0提问于2017-06-06得票数 0

1回答

在UWP应用程序中使用Google Material图标

javascript、angular、uwp、win-universal-app、windows-10-universal

我目前正在为Windows Store开发一个基于JavaScript的UWP应用程序，我正在将我在Angular 2中为我的web应用程序编写的代码直接转换为UWP应用程序。我在上线之前遇到的最后一个障碍是，当我在测试时，我使用的UWP应用程序中没有一个显示的材料图标。html页面中的Link标记 material-icons.css文件内容。我使用VS 2015将字体

浏览 1提问于2017-06-21得票数 0

点击加载更多