如何更改Lightbox中的标题字体？

Question

我正在使用关于lightboxes开发的jQuery，这太棒了。 但是，我看到了字幕的字体，它不适合我的网站风格...... 我想知道是否有人知道如何更改这些字幕的webfont ......

Answer 1

通过定位父div和子元素类或属性，然后指定字体系列来更改字体。

例如

<div class="light-box-sample">
    <p>  this could be a text</p>
</div>

你的CSS应该是

.light-box-sample p {
   font-family: 'open sans' sans-serif;
}

注意：定位.light-box-sample不会做魔术，也应该定位子元素。

如果没有子元素，则可以定位父div。

在上面的CSS中，第一个字体表示通用字体，当字体的名称与第一个字体选择之间有空格时，使用双引号，第二个字体表示位于所有PC上的备份字体。 / p>

通常，您需要首先下载字体，然后在PC上本地安装以查看对开发环境的影响，当您完成更改后的操作时，可以将字体的CDN链接添加到head部分或者你的设计的任何方式，所以没有在那台计算机上安装该字体的用户也可以看到字体清单。

希望这有用： - ）

Answer 2

在lightbox.min.css中输入代码以更改字幕字体属性：

.lb-caption {
font-size: 24px !important;
color: #727fee !important;
font-family: helvetica !important;
}

.lb-number {
color: red !important;
}

（。lb号将更改页码属性）