Jump to content

Exileking

Member
  • Posts

    19
  • Joined

  • Last visited

Everything posted by Exileking

  1. Hi @tuanphan Indeed I do! I have otfs of both fonts used on the website. DO i need to change?
  2. Below are the screenshots of what it looks like on MacBook which is the pixel font Chicago and on windows the font is not showing.
  3. Hi all, I am having trouble with displaying a custom font on Windows OS. I had someone review my portfolio yesterday and the custom fonts converted to normal fonts. Any reason why this is happening? https://www.jefferyl.com/ The custom code it below: .header--menu-open a {font-family: pixChicago} .header-menu-nav-item a { font-size: 23px; } /* remove dark background from all sections of site */ body, .header, .page-section .section-border, :not(.has-background) .section-background { background-color: transparent !important; } /* add repeating seamless background image sitewide - replace url with locally hosted version of image file */ body { background-image: url(https://content.invisioncic.com/p289038/monthly_2023_11/Image.thumb.png.feabc75f3081e1db301ea993557e1567.png); background-repeat: repeat; } @font-face { font-family: 'pixChicago'; src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65428be1564e95715793c4f8/1698860001828/pixChicago.ttf'); } @font-face { font-family: 'NeueBit-Regular'; src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65427b3493577f32c73cdefb/1698855733001/NeueBit-Regular.ttf'); } h1, h2, h3, h4, .header-nav-item a { font-family: 'pixChicago' !important; } h1 { font-family: 'pixChicago' !important; } h2 { font-family: 'pixChicago' !important; } h3 { font-family: 'pixChicago' !important; } h4 { font-family: 'pixChicago' !important; } .sqsrte-large { font-family: 'NeueBit-Regular' !important; } p { font-family: 'NeueBit-Regular' !important; } .sqsrte-small { font-family: 'NeueBit-Regular' !important; } a.btn { font-family: 'pixChicago' !important; } /* Custom cursor for body */ body{ margin: 1 !important; height:10vh !important; cursor: url(https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/654ce8f422fc887ad4bc2f23/1699539188367/Cursor.png), auto !important; } body * { cursor: url(https://content.invisioncic.com/p289038/monthly_2023_11/Pixel.png.9b9f30f6eb0b1e89d19a49aad6337bdd.png), auto; }
  4. @tuanphan I ended up getting it working mate!
  5. Howdy folks! Everyones been super helpful as of late and I have another awesome idea to add to my site. I was wondering if there's a way to add the custom cursor to my website. Mind you i dont have code injection. Below you will find the pixelated mouse cursor and the image id be using. Thoughts? Help?
  6. @SaranyaDesigns This worked perfect thank you!!!!MUCHO
  7. @melody495 Is this what you mean? So how i organized the fonts before i published was that head header was pixChicgago and the body copy was NeueBit-Regular. Everything was working before i published. Seems like nothing is working font wise at all? @font-face { font-family: pixChicago'; src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65428be1564e95715793c4f8/1698860001828/pixChicago.ttf'); } @font-face { font-family: NeueBit-Regular'; src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65427b3493577f32c73cdefb/1698855733001/NeueBit-Regular.ttf'); } h1, h2, h3, h4, .header-nav-item a { font-family: 'pixChicago' !important; } h1 { font-family: 'pixChicago' !important; } h2 { font-family: 'pixChicago' !important; } h3 { font-family: 'pixChicago' !important; } h4 { font-family: 'pixChicago' !important; } .sqsrte-large { font-family: 'NeueBit-Regular' !important; } p { font-family: 'NeueBit-Regular' !important; } .sqsrte-small { font-family: 'NeueBit-Regular' !important; } a.btn { font-family: 'pixChicago' !important; }
  8. Howdy folks! Everyones been SUPER helpful as of late helping me get my website up and running but I ran into an issue when I published it. Seems none of the fonts are working now. Im super sad now! Would anyone know why this isnt working? Below is the code. @font-face { font-family: 'PPNeueBit-Bold'; src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65428be1564e95715793c4f8/1698860001828/pixChicago.ttf'); } h1, h2, h3, h4, .header-nav-item a { font-family: 'pixChicago' !important; } h1 { font-family: 'pixChicago' !important; } h2 { font-family: 'pixChicago' !important; } h3 { font-family: 'pixChicago' !important; } h4 { font-family: 'pixChicago' !important; } .sqsrte-large { font-family: 'NeueBit-Regular' !important; } p { font-family: 'NeueBit-Regular' !important; } .sqsrte-small { font-family: 'NeueBit-Regular' !important; } a.btn { font-family: 'pixChicago' !important; } #loadingscreen{ background: #000; opacity: 1; position: fixed; z-index:10; top: 0px; width: 100%; height: 1600px; } #loadingscreen > #loading { color:#FFF; width:120px; height:24px; margin: 300px auto; } .lds-spinner { color: official; display: inline-block; position: relative; width: 64px; height: 64px; } .lds-spinner div { transform-origin: 32px 32px; animation: lds-spinner 1.2s linear infinite; } .lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 29px; width: 5px; height: 14px; border-radius: 20%; background: #fff; } .lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; } .lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } .lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } .lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } .lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } .lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } .lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } .lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } .lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } .lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } .lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } .lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } }
  9. @SaranyaDesigns The image in the background is a seamless pixel/ checkered background i created. Here are two versions but the background version is black. https://www.jefferyl.com/
  10. Howdy! @tuanphan When i published the entire site broke! Any help? Below is the code? @font-face { font-family: 'PPNeueBit-Bold'; src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65428be1564e95715793c4f8/1698860001828/pixChicago.ttf'); } h1, h2, h3, h4, .header-nav-item a { font-family: 'pixChicago' !important; } h1 { font-family: 'pixChicago' !important; } h2 { font-family: 'pixChicago' !important; } h3 { font-family: 'pixChicago' !important; } h4 { font-family: 'pixChicago' !important; } .sqsrte-large { font-family: 'NeueBit-Regular' !important; } p { font-family: 'NeueBit-Regular' !important; } .sqsrte-small { font-family: 'NeueBit-Regular' !important; } a.btn { font-family: 'pixChicago' !important; } #loadingscreen{ background: #000; opacity: 1; position: fixed; z-index:10; top: 0px; width: 100%; height: 1600px; } #loadingscreen > #loading { color:#FFF; width:120px; height:24px; margin: 300px auto; } .lds-spinner { color: official; display: inline-block; position: relative; width: 64px; height: 64px; } .lds-spinner div { transform-origin: 32px 32px; animation: lds-spinner 1.2s linear infinite; } .lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 29px; width: 5px; height: 14px; border-radius: 20%; background: #fff; } .lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; } .lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } .lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } .lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } .lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } .lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } .lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } .lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } .lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } .lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } .lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } .lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } }
  11. Howdy folks! Thanks for all the help so far with my website! I have another interesting question. Is it possible to create a seamless backround for the website using a custom PNG or image. I created a pixelated background for the website but im not sure how to put it in the background as a seamless pattern. I have attached a before and after of what id like it to look like.
  12. Thanks mate! Much love and thanks @tuanphan
  13. Howdy folks! Everyones been so helpful with helping! I was wondering if anyone might know how i can change the button font to match the rest of the fonts. Im musing chicago pix for the the header and nav menus. Below is the code. @font-face { font-family: 'PPNeueBit-Bold'; src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65428be1564e95715793c4f8/1698860001828/pixChicago.ttf'); } h1, h2, h3, h4, .header-nav-item a { font-family: 'pixChicago' !important; } h1 { font-family: 'pixChicago' !important; } h2 { font-family: 'pixChicago' !important; } h3 { font-family: 'pixChicago' !important; } h4 { font-family: 'pixChicago' !important; } .sqsrte-large { font-family: 'NeueBit-Regular' !important; } p { font-family: 'NeueBit-Regular' !important; } .sqsrte-small { font-family: 'NeueBit-Regular' !important; }
  14. @SaranyaDesigns heres what im trying to do!
  15. Of course please let me know if this link works! https://hexaflexagon-dogfish-9g6n.squarespace.com/config/
  16. Howdy everyone! Im trying to have two different weights of the pixel font so that I can have it look different on my site BUT i cant seem to get the secondary weight to work. uve uploaded it into the custom files section but idk what im doing. Any suggestions? What do i need to do to make the lighter weight work for the paragraphs and the heavier for the headers? Heres the code: @font-face { font-family: 'PPNeueBit-Bold'; src: url('https://static1.squarespace.com/static/653977e6631d6e2bb1418d04/t/65427a15f69795345707f54f/1698855445688/PPNeueBit-Bold.otf'); } h1, h2, h3, .header-nav-item a { font-family: 'PPNeueBit-Bold' !important; } h1 { font-family: 'PPNeueBit-Bold' !important; } h2 { font-family: 'PPNeueBit-Bold' !important; } h3 { font-family: 'PPNeueBit-Bold' !important; } .sqsrte-large { font-family: 'NeueBit-Regular' !important; } p { font-family: 'NeueBit-Regular' !important; } .sqsrte-small { font-family: 'NeueBit-Regular' !important; }
  17. Howdy folks! Im looking to change my navigation links to the Pix Chicago font that ive uploaded to my site but for some reason the navigation font isn't changing. Ive included screen shots of it not changing as well as the font for the footer being changed. Any suggestions on how to fix the navigation font so I can begin working on my site? @font-face { font-family: 'pixChicago'; src: url('https://static1.squarespace.com/static/5ea6be3f96fbb93f52b6556d/t/650c31d998d8c86e0c337d96/1695298009204/pixChicago.ttf'); } h1 { font-family: 'pixChicago' !important; } h2 { font-family: 'pixChicago' !important; } h3 { font-family: 'pixChicago' !important; }
  18. Howdy! Seems my custom pixel font is nor working! Any help? This is not my area of expertise! Any help would be nice! @font-face { font-family: 'pixChicago'; src: url('https://static1.squarespace.com/static/5ea6be3f96fbb93f52b6556d/t/650c31d998d8c86e0c337d96/1695298009204/pixChicago.ttf'); } h1 { font-family: 'pixChicago'; } h2 { font-family: 'pixChicago'; } h3 { font-family: 'pixChicago'; }
×
×
  • 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.