How To Make The Picture Caption In My Favorite Font Style ?
This website is awsome I have a question I like most of the fonts style website Ezzee Fonts and I also like photography now I want to add the picture at the bottom of the picture but I can not do this please suggest to me how I can do this
-
Hey Delilah Jacob, you can easily do this. Just follow the below steps:
1). Download the fonts.
2). Upload that into your assets folder.
3). Wrap your image caption inside the div.
<img src="IMAGE-NAME-HERE" alt="IMAGE-NAME-HERE" style="width:100%">
<div class="caption"><caption> Caption text here </caption></div>
/** class name: caption **/4). Go to your style.css file and map your font with the caption class. Copy and paste the below CSS code as it is.
@font-face {
font-family: 'cabana';
font-display: swap;
src: url($assets-cabana-regular-otf) format("truetype");
font-weight: 400;
}
.caption {
font-family: "cabana", $text_font;
}Now test and if any issue, do let me know :)
Thanks
Ifra Saqlain
Please sign in to leave a comment.
1 Comments