减小mat图标svg字体粗细
是指对Material Design图标库中的SVG字体进行细化处理，使其在显示时字体的粗细程度减小。这样做的目的是为了在界面设计中更好地适应不同的视觉风格和需求。
Material Design图标库是Google推出的一套开源图标集，包含了丰富的矢量图标资源，可用于网页设计、移动应用开发等各种场景。这些图标以SVG字体的形式提供，可以通过在HTML中引用字体文件来使用。
要减小mat图标svg字体粗细，可以通过以下步骤实现：
- 下载Material Design图标库：首先，从Google的官方网站（https://fonts.google.com/icons）上下载Material Design图标库。该网站提供了多种格式的图标文件，包括SVG字体文件。
- 导入SVG字体文件：将下载的SVG字体文件导入到项目中，可以通过在HTML中引用字体文件的方式来使用图标。
- 修改字体样式：使用CSS样式表对图标进行样式修改。可以通过修改字体的粗细属性来减小字体的粗细程度。例如，可以使用
font-weight属性将字体的粗细设置为较小的值，如font-weight: 300;。 - 应用到图标元素：在HTML中使用相应的图标元素，并为其添加样式类或直接应用样式，以使字体粗细减小的效果生效。
减小mat图标svg字体粗细的优势是可以更好地适应不同的设计风格和需求，使界面看起来更加细腻、柔和。这种处理方式常用于一些注重细节和精致度的设计中。
减小mat图标svg字体粗细的应用场景包括但不限于：
- 网页设计：在网页设计中，可以根据具体的设计需求，对Material Design图标进行细化处理，使其更好地融入页面的整体风格。
- 移动应用开发：在移动应用开发中，可以根据不同的平台和设备，对Material Design图标进行细化处理，以适应不同屏幕尺寸和分辨率的显示效果。
推荐的腾讯云相关产品和产品介绍链接地址如下：
- 腾讯云字体库：腾讯云字体库（https://cloud.tencent.com/product/font）提供了丰富的字体资源，包括多种风格和粗细程度的字体可供选择，可以满足不同设计需求。
- 腾讯云移动应用开发服务：腾讯云移动应用开发服务（https://cloud.tencent.com/product/mad）提供了一站式的移动应用开发解决方案，包括应用开发框架、云存储、云数据库等多种功能，可帮助开发者快速构建高质量的移动应用。
请注意，以上推荐的腾讯云产品仅供参考，具体选择和使用需根据实际需求进行评估和决策。
相关·内容
3回答
简单的问题:为什么这两种字体在photoshop和网站上看起来不同。
在这张图片上，第一个文本来自html代码，第二个是来自photoshop的图像。同样的字体，同样的大小- 30。但第一个看起来比第二个更“大胆”。为什么？我想有一个相同的字体，因为它在photoshop (第二张图片)。
下面是css代码：
@font-face {
font-family: "SegoeWP";
src: url("fonts/play/SegoeWP.eot");
src: url("fonts/play/SegoeWP.eot?#iefix")
浏览 4提问于2012-09-22得票数 9
回答已采纳
1回答
我试着用stroke=“灰色”笔划宽度=“-10”.When来改变笔划宽度的值，它只会增加粗细而不会减少粗细。
<svg fill="#808080" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" stroke="grey" s
浏览 0提问于2019-05-23得票数 0
我正在试着让字体很棒的图标看起来更纤细https://jsfiddle.net/cliffeee/7L6ehw9r/1/。 我试着使用‘-webkit-text- see’，但当鼠标悬停在图标上时没有帮助，因为你可以看到背景颜色，我不希望它被看到。 .accordion-toggle {
background-color: #777;
color: white;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-s
浏览 48提问于2019-09-11得票数 0
1回答
我的应用程序之前是在Angular 10上的，我没有问题地升级到了Angular 11 --然后立即转到了Angular 12。一切都编译得很好，应用程序也运行得很好。我遇到的唯一问题是我的字体现在不同了。 这里所说的不同--我的意思是我使用的Google Web字体是"Open Sans“--变得更轻了，也不像以前那么大胆了。我可以把我的应用程序的生产版本(Angular 10)拉到我的本地版本(angular 12)旁边--并检查元素，它们看起来是一样的。它们都使用字体并加载字体外观--主要区别是字体粗细。我的Angular 10版本的字体更加粗体。我可以将Angular 12的
浏览 42提问于2021-08-02得票数 1
回答已采纳
1回答
我在我的html中使用了这个svg：
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<g fill="none" fill-rule="evenodd" transform="translate(1 1)">
<circle cx="15" cy="15" r="15&#
浏览 0提问于2017-10-24得票数 0
1回答
我买了这个用于网络使用，但“可变系统”不工作。下面是css：
/* this part was given by the site where I bought the font so the problem certainly does not come from there */
@font-face {
font-family: 'AventaVariable' ;
src: url('aventa.eot') ;
src: url('aventa.eot?#iefix') format(
浏览 0提问于2020-05-23得票数 0
基线：
角6.0.3
角材料6.4.2
@fortaw人/角形-火锅："^0.1.1“
@fortawesome/fontawesome core“："^1.2.2”
@fortawesome/free-固态-svg-图标“："^5.2.0”
因此，我已经安装了角字体，我试图让<mat-icon>指令工作，但它没有。我不清楚如何注册字体，或者我是否也需要。我正在寻找一个例子，有人在哪里使用新的字体-可怕的角和什么是需要使用的<mat-icon>指令，以获得图标显示。如果我按照角字体-令人敬畏的GitHub页面上的说明操作，这一
浏览 1提问于2018-08-15得票数 3
我使用google "Comfortaa“字体来写博客，代码如下
<link href='http://fonts.googleapis.com/css?family=Comfortaa&subset=greek,latin' rel='stylesheet' type='text/css'>
然而，字体(以及其他字体)在mac Firefox上的显示更加大胆(在Chrome mac/win firefox win等上显示良好)
我把所有的em都改成了px，只是为了确认一下，另外我想我可以用代码试试字体松鼠。
/* G
浏览 3提问于2012-11-03得票数 0
我从Lost Type Co-op那里得到了字体，它支持字体。使用Font Squirrel，我得到了一个@font-face包。我包含了所有内容，并希望使用演示的中的内联变量。这是我的CSS：
@font-face {
font-family: 'HomesteadInline';
src: url('homestead/homestead-inline-webfont.eot');
src: url('homestead/homestead-inline-webfont.eot?#iefix') format('
浏览 0提问于2012-03-21得票数 1
回答已采纳
这是一个一般性的问题，似乎有一个解决方案。问题是web字体在chrome中显示不稳定。解决方案应该是将.svg调用移到.woff调用之前。在这里解释：和这里：
问题是，我使用的是google web字体，并像这样导入字体：
<link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
我不知道，也找不到，如何使用@font-face css标签导入它，而不是上面
浏览 2提问于2013-04-17得票数 8
1回答
当我尝试多个图标时，我在<mat-icon>标签中首先给出的图标对所有mat图标标记都是重复的。
constructor(private matIconRegistry: MatIconRegistry, private domSanitizer: DomSanitizer) {
this.matIconRegistry.addSvgIcon('downld', this.domSanitizer.bypassSecurityTrustResourceUrl('./assets/images/DownloadCloud.svg'));
浏览 1提问于2019-05-08得票数 2
我有一个角垫图标与自定义svg图标。我动态地呈现svg图标。如果缺少实际的svg图标，我如何设置默认(静态) svg图标。
类似于img标签中的onError攻击。
谢了，希哈德
html:
<mat-icon svgIcon="{{row.username}}" //default_svg_icon_src// ></mat-icon>
component:
this.users.forEach(user => {
this.matIconRegistry.addSvgIcon(
user.username,
浏览 0提问于2019-08-24得票数 1
回答已采纳
我想让其中一个FontAwesome图标变得更轻一些--它比我使用的字体要重得多。它现在看起来是这样的：
：
丑陋，对吧？因此，我尝试按如下方式重置字体粗细：
.tag .icon-remove {
font-weight: 100;
}
该属性似乎已在CSS中正确设置，但它没有任何效果-图标看起来和以前一样重。我还尝试了font-weight: lighter和-webkit-text-stroke-width: 1px，但都没有效果。
有没有办法减轻图标的重量？医生说"“，但我不知道该怎么做。
浏览 58提问于2013-07-24得票数 83
回答已采纳
2回答
我想知道是否有办法将mat-chip和mat-form-field调整为更小的大小？目前，我的芯片mat-form-field非常大，几乎和其他字段一样大，比如description字段，所以我希望芯片的表单字段和芯片本身更小。 <mat-chip-list #chipList>
<div>
<mat-chip *ngFor="let superTag of superTags" [selectable]="selectable" [removable]="removable"
浏览 17提问于2020-06-17得票数 1
我正在尝试将图标添加到matIconRegistry中，并在mat图标中使用它
应用程序组件
constructor(
private _matIconRegistry: MatIconRegistry,
private _domSanitizer: DomSanitizer,
){
_matIconRegistry
.addSvgIcon('notification', this._domSanitizer.bypassSecurityTrustResourceUrl('../assets/svg/icon_notificatio
浏览 0提问于2019-07-23得票数 0
回答已采纳
3回答
Angular菜鸟SVG有人给我指引了正确的方向，我如何才能用自定义的图标正确地替换现有的材质图标，更准确地说是用here..could图形呢？如下所示：
所以这就是：
<mat-icon class="mat-icon-rtl-mirror">
{{nestedTreeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}
</mat-icon>
有了这个：
<mat-icon class="mat-icon-rtl-mirror&
浏览 1提问于2019-03-22得票数 10
回答已采纳
2回答
设置
SVG与Icon字体的主题在网络中得到了很好的覆盖。但即使经过长时间的搜索，我也没有找到关于我的特殊情况的建议。
我有一个网站服务的CMS。在一个页面上，我有包含几个图标的元素。这些元素在页面上重复。所以每个图标在页面上都会出现很多次。现在，我很难弄清楚如何最好地实现这些图标。
内插SVG
总的来说，我完全看到了使用内联SVG的好处。这是最简单和最直接的，你可以用它做得最多。在我的网站上，我已经使用过它，而且我喜欢它。
但是：一次又一次地重复完全相同的svg标记似乎不必要地破坏了文档。
参考SVG
我可以通过<img>、<object>或<embed>
浏览 7提问于2014-05-30得票数 2
回答已采纳
我目前在我的网站上使用自定义字体。这种字体在桌面上看起来很好，但在移动设备上看起来完全不同。我也使用了所有正确的格式。下面是代码和图片： 此外，当我删除字体系列时，它变成了衬线字体，这意味着字体实际上正在加载，但我不确定为什么它看起来完全不同。 @font-face {
font-family: 'futura';
src: url('./futura.eot');
src: url('./futura.eot?') format('embedded-opentype'),
url(&#
浏览 47提问于2021-09-21得票数 0
如何使用2+普通CSS、HTML或JS更改角材质设计中SVG图标的大小？
如果我在HTML元素中指定了图标，那么样式设计工作得很好：
<mat-icon style="font-size: 16px !important">home</mat-icon>
但是，当我使用svgIcon属性(例如，如果使用第三方图标库)时，无法调整图标的大小：
<mat-icon style="font-size: 16px !important" svgIcon="home"></mat-icon>
我知道SVG的扩
浏览 0提问于2018-02-13得票数 12
回答已采纳
2回答
这里有个奇怪的问题。我正在为一个网站使用@font-face，并且遇到了一些问题。我一开始在Mac上的Chrome上没有得到大写的“A”。在显式地设置字体粗细之后，任何高于300的字体都可以。
然而，现在我发现它在Firefox和我的客户机上的不同浏览器中都会发生。
下面是我的代码：
@font-face {
font-family: 'Avenir';
src: url('../fonts/tricky.eot');
src: url('../fonts/tricky.eot?#iefix') format('e
浏览 0提问于2013-03-29得票数 0
回答已采纳
2回答
我在上实现了以下字体。
/* Vivaldi Font */
@font-face {
font-family: 'vivaldi';
src: url('assets/fonts/vivaldi/vivaldi.eot');
src: url('assets/fonts/vivaldi/vivaldi.eot?#iefix') format('embedded-opentype'),
url('assets/fonts/vivaldi/vivaldi.woff2') fo
浏览 0提问于2017-11-04得票数 0
2回答
我正尝试在网站上使用androids roboto字体，它工作得很好，直到我在文本中看到一个德国字母，然后它看起来字体粗细发生了变化。
它是这样导入的：
@font-face {
font-family: 'RobotoLight';
src: url('Roboto-Light-webfont.eot');
src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('Roboto-Light-webfont.woff
浏览 0提问于2013-01-21得票数 0
回答已采纳
我在这里用图标的stackbiltz创建了嵌套的sidenav
在这里，他们使用mat-icon来显示sidenav菜单中的图标显示，对于我的项目来说，大部分图标在mat-icon中是没有的，所以我计划使用字体很棒的图标。我需要帮助访问字体-可怕的图标通过组件。我需要你的帮助。
浏览 9提问于2019-02-18得票数 0
3回答
是否可以将不同的字体分配给不同的字体粗细？
例如，如果我有两种字体，"helvetica罗马字体“和"helvetica粗体”，我希望字体粗细500总是显示"helvetica罗马“，字体粗细700总是显示"helvetica粗体”。
我知道这个功能是通过cufon提供的，但我想直接使用CSS。
谢谢!
浏览 0提问于2010-10-12得票数 4
回答已采纳
正如标题所述，我正在尝试添加从下载的一些自定义svgs，我已经将我的图标放在应用程序中的资产目录中的一个名为的文件夹中。然后，我注入了MatIconRegistry和DomSanitizer，并添加了这样的svg：
constructor(
private matIconRegistry: MatIconRegistry,
private domSanitizer: DomSanitizer
) {
this.matIconRegistry.addSvgIcon(
'facebook',
this.domSanitizer.bypassSecurit
浏览 4提问于2020-07-29得票数 2
回答已采纳
1回答
我正在开发一个使用图标字体的java webapp。我知道我可以使用IcoMoon应用程序从单个SVG文件创建图标字体，但我不想每次需要添加图标时都必须手动重新创建字体。因此，我希望自动执行此操作，最好是作为Maven构建的一部分。有没有办法让Maven从单独的SVG文件生成图标字体？
浏览 6提问于2015-08-27得票数 2
4回答
我试图在一个按钮上插入一个垫子，它是用户定义的组件的一部分。
`<button mat-button>
<mat-icon svgIcon="jenkins" class="material-icons md-10"></mat-icon>
Jenkins
</button>`
我的组件的CSS-文件如下所示：
.material-icons.md-10 { font-size: 10px; }
但是当我打开我的页面时，它看起来是这样的：
它应该是詹金斯标志()作为svg-图形.但是如果我改变字体大小，
浏览 0提问于2018-11-28得票数 0
回答已采纳
我试图实现的按钮，有自定义SVG图标使用角材料7.2和角7.2.11。我没有遇到任何问题使用标准材料图标字体。但是，自定义图标只会导致控制台上的“错误检索图标：<svg>标记未找到”。
我一直在研究@角形/物质/ the 2015/ic.js中的代码，并发现_fetchUrl()似乎正在接收SVG，但是HttpResponse对象的主体是空的，尽管火狐验证了包含SVG的实际响应。HttpResponse对象中的标头包含正确的内容长度。
将HttpResponse对象报告的URL粘贴到浏览器中，呈现正确的SVG。
_fetchUrl()正在对HttpClient::get()使用“t
浏览 0提问于2019-04-01得票数 3
回答已采纳
3回答
Web字体和提供备用字体
、、、
在使用@font-face使用web fonts时，我想知道使用备用字体的推荐方法是什么？
例如，如果我使用的是粗体的web字体，例如：
@font-face {
font-family: 'OpenSansBold';
src: url('../fonts/OpenSans-Bold-webfont.eot');
src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url(&
浏览 2提问于2012-09-24得票数 9
回答已采纳
7回答
我使用角7.0.1和角材料7.0.2，我想添加字体令人敬畏的5.4.2图标，我试图遵循的步骤，在网站上，但我不能得到字体可怕的图标字体。
第一：
npm install --save-dev @fortawesome/fontawesome-free
然后在styles.scss中添加：
@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss';
在_variables.scss中添加：
$fa-font-path: '~@fortawesome/fontawesome-free/webfonts
浏览 3提问于2018-10-27得票数 23
回答已采纳
1回答
我正在为我的网站使用外部字体类型，我有3个ttf文件，正常，粗体和斜体样式。
我想知道是否可以更改字体粗细，因为我已经尝试使用font-weight CSS属性，但它似乎只适用于普通粗细或粗体粗细，所以我不能使用介于两者之间的任何粗细。
有没有办法对我的字体使用其他粗细？我需要包含任何额外的文件吗？
浏览 1提问于2016-01-08得票数 1
有没有办法在"Google Docs“文档中使用Roboto Thin字体？
我找到了添加Roboto字体的方法(通过“更多字体...”)但我还没有找到一种方法来设置瘦或轻版本。
浏览 29提问于2014-09-16得票数 18
回答已采纳
要将材质图标用于角度，请将<mat-icon>与图标的名称一起使用：
<mat-icon>check</mat-icon>
图标可以在这里找到：
现在的问题是这个图标集缺少太多的图标。例如，在那里找不到Instagram图标。
在这些情况下，一种方法是退回到图标字体，并在HTML页面中包含更多的图标字体，并使用旧的<i>元素。
但这是代码的味道，因为您的代码库现在有两种方法来实现一个目的。
如何解决这个问题？如何在Angular的Google素材中添加一个不存在的图标？如何扩展Google Material图标？
浏览 8提问于2018-11-29得票数 1
1回答
我打算在我的网站上使用的所有图标都使用SVG，但我读到过大量使用SVG会减慢网站的速度。我基本上在我的网站上有大量的搜索结果，每个结果都有7个图标。另一位帮助我做这个项目的开发人员告诉我使用图像，因为所有的SVG都会极大地减慢页面速度，甚至可能冻结，但我想使用SVG来支持高清电话/视网膜。
我是否可以使用图标字体而不是为每个元素嵌入较长的svg代码，或者图标字体是否使用相同数量的内存，因为它们基本上是SVG，或者它们需要较少的内存？
如果图标字体的大小相同，可能会使我的网站变慢/冻结，那么向网站添加大量图标的唯一选择可能就是图像和媒体查询，以便为视网膜添加较大的图标。：(..？？
浏览 1提问于2014-04-05得票数 2
1回答
二十九个主题使用内联SVG作为其图标，而不是图标字体。图标被添加到带有TwentyNineteen_SVG_Icons::get_svg()函数的HTML代码中。
public static function get_svg( $group, $icon, $size ) {
if ( 'ui' == $group ) {
$arr = self::$ui_icons;
} elseif ( 'social' == $group ) {
$arr = self::$social_icons;
} else
浏览 0提问于2020-04-26得票数 0
回答已采纳
2回答
我有一个应用程序，目前正在使用图标的所有图标(按钮等)在我的应用程序中，但我希望在为客户端参数化应用程序时，能够使图标易于更改。
在这种情况下，什么是“最佳”路线？
我曾考虑过让客户端提供一个覆盖sass文件，该文件将导入他们自己的图标集(图标、月亮等)并覆盖任何现有的类，但这感觉并不“正确”。
或者，我也可以将图标库导出为svg文件，并使用svg定义类作为背景图像。这将使客户端能够只提供新的svg文件，这些文件将在构建过程中覆盖默认的svg文件。
所讨论的应用程序是一个Angular 6应用程序，因此Angular CLI用于构建过程，文件替换由触发Angular CLI构建的java构建过
浏览 1提问于2018-06-04得票数 1
1回答
字体的性能
、、、、
一家网络开发公司为我开发了一个网站，它使用了字体5.15.3中的12个图标。他们在JavaScript中使用SVG。在使用Google PageSpeed Insight之后，我发现字库JavaScript成为了性能瓶颈。
然后我找到了。但是，这并没有提供关于每种方法的多少信息。我试着联系支持，但到现在还没有得到任何回应。所以我试着用这些方法来测试，比如SVG雪碧和单独的SVG图标，同时分享我对每种方法性能的利弊的理解。
注：，我只考虑我的情况。
使用javascript的SVG :基于我在Chrome DevTools中的调试，javascript代码似乎只是找到类似的模式，并用相应的s
浏览 5提问于2021-08-13得票数 1
我已经在AI中创建了一些图标，所以现在我正在研究如何在不使用第三方应用程序的情况下将它们转换成图标字体(比如字体.)
因此，我需要创建自己的.ttf、.eot、.woff和.svg文件，以便以这种方式插入它们：
@font-face {
font-family: "MYFONT";
src:url("fonts/MYFONT.eot");
src:url("fonts/MYFONT.eot?#iefix") format("embedded-opentype"),
url("fonts/MYFONT.w
浏览 1提问于2016-03-11得票数 0
使用角8材料设计，我被困在一个点，我需要使用自定义svg图标和内置/常规材料图标到相同的垫图标标签。
我正在运行一个循环来显示带有这些图标的菜单，其中有些菜单项在哪里。我是使用常规材料和一些菜单项，我必须使用自定义图标(svg)。
需要这样的东西：
<mat-icon svgIcon="menuIcon">{{menuIcon}}</mat-icon>
浏览 6提问于2020-06-02得票数 2
回答已采纳
2回答
在新的角材料树组件中，这是示例()中使用的标记的一部分：
<mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding>
<button mat-icon-button matTreeNodeToggle
[attr.aria-label]="'toggle ' + node.filename">
<mat-icon class="mat-icon-rtl-mirror"
浏览 0提问于2018-05-21得票数 1
回答已采纳
我有一个RDL，它位于2005年的报表服务器中。
通过使用更新的IDE，它将2005 RDL转换为2008 RDL。
有一个关于字体粗细的问题。在2005年，字体粗细可以指定为整数。
<FontWeight>700</FontWeight>
IDE将其转换为
<FontWeight>Bold</FontWeight>
因为2008版本中字体粗细不能为整数。
然而，字体粗细粗体不像700那么粗，在此2005报告中，应用了这两个值。
有没有办法在2008 RDL中正确实施700？
谢谢。
浏览 1提问于2018-05-04得票数 1
我在一个自定义论坛上工作，想知道人们会认为什么是将帖子标记为已读的最好方法。
我想为线程显示一个帖子图标，如果线程还没有被阅读，它会有一个未读的图标，并且主题标题是粗体的。如果已阅读，则主题标题为正常字体粗细，帖子图标变为已读图标。
最好的方法是在用户会话中存储他们查看过的线程，并将其设置为将所有超过48小时的线程标记为已读吗？
谢谢!
浏览 0提问于2010-11-18得票数 2
回答已采纳
我正在使用Streamline图标。我这样导入一个svg图标： import Icon from '@streamlinehq/streamlinehq/img/streamline-light/users/geomertic-close-up-multiple-users/multiple-neutral-2.svg' svg图标最终在以下位置编译：/packs/media/geomertic-close-up-multiple-users/multiple-neutral-2-6a0b9211.svg 我知道/packs/media是媒体元素(图片，字体，svg等)的默认
浏览 19提问于2021-06-23得票数 0
4回答
字体图标与png图标
、、、、
我对标签使用图标，但我看到了这个网站：www.fontello.com，在那里你可以用图标创建字体。
但是当我创建带有图标的字体时，它比我所有的图标都要大，因为有svg，ttf，woff和eot，这4种字体都比所有的png图标都大。
@font-face {
font-family: 'fonticons';
src: url("../font/fonticons.eot");
src: url("../font/fonticons.eot?#iefix") format('embedded-opentype'), u
浏览 1提问于2012-09-20得票数 13
回答已采纳
在Avenir Safari中有一个奇怪的行为，iOS字体的特定字体粗细为900会在字符fi的右侧产生额外的空格。
我试过使用'Avenir Heavy‘，它对应于该字体的粗细，但问题仍然很明显。不过，它不会出现在任何其他字体粗细上，只出现在900粗细上。我尝试使用-webkit-font-kerning，-webkit-font-smoothing，letter-spacing，但是都没有解决这个问题。
有没有一种只有CSS的方法来解决这个问题呢？或者这是字体/浏览器本身的问题？
谢谢。
浏览 1提问于2017-06-28得票数 0
2回答
最近，我决定从字体图标切换到SVG图标。我使用Illustrator绘制我的SVG，并用以下设置导出了带有单个图标的美术板：
造型:内嵌风格
字体: SVG
图像:嵌入
对象ID:层名
小数:2
我使用生成SVG图标。但问题是，所有SVG都有一个填充、笔划或样式属性，在任何地方都是内联的。当这些样式在SVG中时，我不能用CSS更新图标颜色。
我是不是遗漏了什么？在Illustrator中是否有一个选项可以保存SVG而没有填充/笔画/样式属性？还是我必须使用类似于的东西来删除这些属性？
如果是要走的路，有人能告诉我如何在我的角度CLI项目中使用它吗？我对这件事很陌生。
浏览 2提问于2017-09-22得票数 1
1回答
我想让文本更粗体，所以我尝试了FontWeight的其他枚举值，但它们似乎都产生了相同的结果
<StackPanel>
<TextBlock Text="Test" FontWeight="Bold"/>
<TextBlock Text="Test" FontWeight="Black"/>
<TextBlock Text="Test" FontWeight="ExtraBlack"/>
<TextBlock Te
浏览 15提问于2017-02-14得票数 3
回答已采纳
我的HTML中有一个从web模板加载的字体：
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
":300“是什么意思？
浏览 2提问于2012-06-02得票数 4
回答已采纳
我一直想知道在Angular2中使用SVG图标的最佳实践是什么。我看到目前主要有两种方法:1.将SVG转换为字体。2.在组件中内联SVG XML。
我们开始使用ICOMOON的字体方法，但我们的问题是我们有多色图标，然后我们应该只为这些图标创建组件(对于其他图标，我们在SPAN/DIV上使用CSS属性)
内联SVG方法的问题是代码有点乱(我的模板中有XML属性)
我们还有其他方法可以使用吗？
浏览 0提问于2017-02-08得票数 4
1回答
火狐和IE9中没有显示的字体字符
、、、、
我使用Inkscape为一组图标定制了字体，并使用免费在线字体转换器和字体松鼠生成不同的字体类型(woff、eot、ttf、svg)和@字体-face代码以供包含。
该字体在Google中使用ttf、svg和woff字体，在7和8中运行良好，但在FireFox 13和IE9中，某些图标不会被呈现。字体的其他图标工作正常，因此文件的传递没有问题。此外，由于字体在Chrome中工作，转换似乎已经成功。
我认为这个问题与我正在使用的图标的类型或形状有关，但我找不到任何特别的东西来区分这两个图标和我使用过的其他图标。
这个问题可以在我的ASP.NET项目中重现，但也可以在本地使用Font松鼠提供的测试
浏览 2提问于2012-07-17得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
