ACSEND THEME: Drop Cap Font Selection

[pdyoko]

pdyoko

November 19, 2019 at 3:18 pm

Hi, Gang!

This might be a question for Ben. 😉 Please educate me on using Fonts in coding.

For example…..In using SiteOrigin Pagebuilder, the DROP CAP option is obviously not available. (Drop cap is available only with Kadance Blocks.) So to achieve my goal in using a Drop Cap on my posts, I used this CSS code:

.entry-content .firstcharacter {
color: #333d51;
float: left;
font-family: Yeseva One;
font-size: 75px;
line-height: 60px;
padding-top: 4px;
padding-right: 8px;
padding-left: 3px;
}

Then used this code before my first sentence of post.

<span class=”firstcharacter”>[LETTER]</span> (Inserting the first letter of the first word in post where it says [LETTER].

As you see, I have used a Google font “Yeseva One.”

My questions are these:

1) How does the site know to grab Yeseva One?
2) Is that font part of the Google Fonts used in the fonts for Kadence Pro Slider?
3) Will visitors to the site see that drop cap as I have it designated?

Thank you for your willingness to clarify for me. I don’t want to use a font that will be changed to another font by default and look weird.

Pam