-
Posts
11 -
Joined
-
Last visited
Reputation Activity
-
studioearl got a reaction from Jia in Custom font on mobile won't work
Great! Thank you, the issue is resolved!
-
studioearl reacted to Jia in Custom font on mobile won't work
Hi, the issue was with the way the css code was formatted. Try this one and let me know how it goes 🙂
@font-face { font-family: 'British Shorthair'; src: url('https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f625817f540156f427ee/1646589477273/British+Shorthair.woff') format('woff'), url('https://static1.squarespace.com/static/612a200624ebe52c8f672d21/t/6224f629c3dd7d61533a9bad/1646589481621/British+Shorthair.woff2') format('woff2'); } -
studioearl reacted to tuanphan in Code for zoom hover on poster images
Add to Design > Custom CSS
/* Projecten poster image hover */ div#page-section-61df0849974d4f33fe31f9df .image-block:hover img { transform: scale(1.3); transition: all 0.3s; } div#page-section-61df0849974d4f33fe31f9df .image-block img { transition: all 0.3s; }
-
studioearl reacted to Wolfsilon in is it possible to mix two types of fonts over each other per titel?
Hello there,
You're probably right in not making images because scaling will certainly cause problems although, the alternative might cause just as many smaller problems...
What I would do is write the titles twice, once in the regular font but the second one (the one you want to have the handwritten font) should be in Italics or Bold.
1) Install your handwritten font to your website.
2) Identify the block-ID for each block with the two titles.
3) Target the "em"(italic) or "strong"(bold) and set the font family for it to your custom handwritten font -- adjust the font-size, line-height, weight, and maybe width/height -- You might have to do this for the regular font too.
This should help you create two different fonts on one block but you might have word or line wrap problems. You'll have to play around with these but you can also create a pseudo layer to help.
Hope this helps,
Dan