Jump to content

studioearl

Circle Member
  • Posts

    11
  • Joined

  • Last visited

Reputation Activity

  1. Love
    studioearl got a reaction from Jia in Custom font on mobile won't work   
    Great! Thank you, the issue is resolved! 
  2. Thanks
    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'); }
  3. Thanks
    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; }  
  4. Like
    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
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.