jquery 如何更改sweetalert字体族

chhkpiq4 于 2023-02-12 发布在 jQuery

关注(0)|答案(4)|浏览(175)

我如何更改sweetalert中的字体家族？谢谢

swal({
            title: "Are you sure?",
            text: "Your will not be able to recover this imaginary file!",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, delete it!",
            cancelButtonText: "No, cancel plx!",
            closeOnConfirm: false,
            closeOnCancel: false
        },

jquery

来源：https://stackoverflow.com/questions/57079469/how-to-change-font-family-of-sweetalert

4条答案

按热度按时间

ogq8wdun1#

把这个加到css里！

.swal2-popup {
  font-size: 1.6rem !important;
  font-family: Georgia, serif;
}

赞(0）回复(0）举报 2023-02-12

m528fe3b2#

此处列出了配置选项。它们似乎不包括更改字体的选项。
但是，SweetAlert弹出窗口中涉及的所有元素都有SweetAlert特定的类，因此您应该能够通过CSS设置字体。一些关键类和示例列在主题下的SweetAlert文档中。

赞(0）回复(0）举报 2023-02-12

u59ebvdq3#

实际上你可以通过.swal2-title来实现，所以在css中

.swal2-title {
  font-family:'Montserrat', sans-serif;
}

赞(0）回复(0）举报 2023-02-12

nnsrf1az4#

将此代码添加到您的css文件第一个是主标题和其他副标题

h2#swal2-title
      {
         font-size: 24px;
         font-family:'Lexend';
         color:theme('colors.metal');
      }
      div#swal2-html-container{
         font-size: 16px;
         font-family:'Heebo';
         color: theme('colors.metal');
      }

赞(0）回复(0）举报 2023-02-12

我来回答

jquery 如何更改sweetalert字体族

4条答案

相关问题

热门标签

最新问答