小编Jac*_*ins的帖子

使用 Bulma 设置新的主要字体系列

我正在尝试更新 Bulma 中主要字体系列的变量,但似乎什么也没发生。到目前为止,我所做的是:

  1. 导入初始变量和函数文件。
  2. 使用 Google Fonts 导入我想要的字体
  3. 设置一个名为的新变量 $family-serif: "Grandstander", serif;
  4. 将 更新$family-primary为等于 的值$family-serif
  5. 导入布尔玛 @import "../assets/bulma/bulma.sass";

源代码可以在:https : //github.com/jacobcollinsdev/eponym找到,我已经包含了下面的代码片段:

@charset "utf-8";
@import url('../assets/bulma/sass/utilities/initial-variables.sass');
@import url('../assets/bulma/sass/utilities/functions.sass');

@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@500;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Grandstander&display=swap');

$family-serif: "Grandstander", serif;
$family-primary: $family-serif;

@import "../assets/bulma/bulma.sass";
Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="assets/css/styles.css">

    <title>Home | Eponym Mag</title>
</head>
Run Code Online (Sandbox Code Playgroud)

我最近才开始使用 Bulma,并认为我可能对我需要包含的文件等有些混乱,任何见解都表示赞赏。

谢谢!

css bulma

5
推荐指数
1
解决办法
874
查看次数

标签 统计

bulma ×1

css ×1