当前位置: 首页 > 知识库问答 >
问题:

ionic4和--ion-font-Family

李奕
2023-03-14

我想给ionic 4添加一种新字体,但我有一个奇怪的问题--Ionion字体系列。

>

  • 步骤:
  • 1:我下载并设置我的自定义字体Roboto-Light在资产/字体文件夹
  • 2:我用下面的代码更新了variables.css

    @字体{font-family:'Roboto-Light';src:url('../assets/font/Roboto-Light.ttf')格式('truetype');字体大小:正常;字体样式:正常;}

    --ion字体系列:“Roboto”、“Helvetica Neue”、“无衬线”、“Roboto Light”!重要的

    我使用google inspector发现默认情况下使用的是什么爱奥尼亚字体,它是“Roboto”、“Helvetica Neue”、“sans serif”。好啊现在字体系列使用一种回退策略。也就是说,它会先尝试,如果浏览器不支持,它会尝试下一个,以此类推。

    所以现在,我的问题是:如果a在--ion字体系列的末尾有“Roboto Light”,它就不应该在主字体中使用!事实就是这样。。。

    我真的不明白,任何帮助都将不胜感激!

  • 共有1个答案

    暨鹭洋
    2023-03-14

    我不确定这是否是完整的解决方案,但您的css中有一个错误:

    --ion-font-family: "Roboto" , "Helvetica-Neue", "sans-serif", "Roboto-Light" !important;
    

    通用族应始终排在最后:

    --ion-font-family: "Roboto" , "Helvetica-Neue", "Roboto-Light", sans-serif !important;
    
     类似资料:
    • 问题内容: 我在离子含量内部有两个输入字段,并且它们都有一个ng模型。然后在我的ion-footer中,我有一个ng-click,我在其中调用一个函数并传入两个ng- model。 当我在离子含量内部进行ng-click时,这一切都很好,但是当我将其移至页脚时,对于传递给函数的两个参数,我不确定。 那么这是否意味着离子含量和离子页脚具有不同的$ scope?即使它们位于同一文件中并且具有相同的控制

    • ION

      ION 是一个公共的、无权限的去中心化标识符(DID)网络,它在比特币之上实现 Sidetree 协议(作为“第 2 层”覆盖)以大规模支持 DID / DPKI。 关键点: ION 是公共的,没有许可 - 系统是去中心化的,没有公司、组织或团体拥有/控制系统中的标识符和 PKI 条目,没有人决定谁可以参与。 ION 不引入新的代币/硬币 - 比特币是 ION 网络链路方面运营中唯一的价值单位。

    • 问题内容: 我正在尝试弹出一个图,以便用户可以确认拟合是否起作用,但不会挂断这样做的整个过程。但是,当窗口出现时,窗口中什么也没有,它是“无响应”。我怀疑与子流程功能之间的交互不良,因为此代码是前端代码,并且数据的处理都在C ++中运行。 下列子过程确实打开。如果我删除呼叫并使用,则绘图可以正常工作,但是整个过程将一直持续到关闭窗口。当用户查看图形时,我需要继续执行该过程。有没有办法做到这一点?

    • Cesium ion是一个提供瓦片图和3D地理空间数据的平台,Cesium ion支持把数据添加到用户自己的CesiumJS应用中。下面我们将使用Sentinal-2二维贴图和Cesium世界地形,二者都需要ion的支持。 备注 在我们使用Cesium的过程中,如果没有申请ion,同时没有自己的数据源用的cesium提供的数据源,viewer的底部常常会提示一行小的英文字母。大意就是需要申请acc

    • IonPhaser Web Component built with Stencil.js to integrate Phaser with any other framework. Inspired by the old IonPhaser directive Demo Do you want to see this web component in action? Visit https://

    • ion-select-autocomplete是一个用于Ionic应用的单选或多选框。 使用方法 下载或者clone项目,并添加下面的代码 <script src="lib/ion-select-autocomplete/ion-select-autocomplete.js" type="text/javascript"></script> In JS $scope.optionList = [