AndradeDesigns Posted April 16, 2021 Share Posted April 16, 2021 Site URL: http://www.brandonandrade.squarespace.com I'm trying to get my custom fonts to work on mobile and i've tried editing the code but nothing has worked thus far. This website is supposed to be a portfolio for me and hopefully land me a full time design position so I'd very much like to fix this and understand what I'm doing when writing these lines of code lol heres the code I have in my Custom CSS window: Quote @font-face{ font-family: 'Buffalo'; src: url ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/605e247ed8c2d46e4865b381/1616782462975/Buffalo-Bold.ttf'), ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/607742300faeb1323c5cd91b/1618428464288/Buffalo-SemiBold.ttf'), ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774288ebad2b474ae31054/1618428552581/Buffalo-BoldShadowItalic.ttf') ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774222d4e1c77f591c6594/1618428450228/Buffalo-Light.ttf'), ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/6077423b4d4ae34278e5db70/1618428475071/Buffalo-BoldDropShadow.ttf') ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/605e247ed8c2d46e4865b381/1616782462975/Buffalo-Bold.ttf') ('https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/6077422cd1f2631eacaf7f3c/1618428460915/Buffalo-Regular.ttf'); font-weight: regular; } h1 { font-family: 'Buffalo-Bold'; } h2 { font-family: 'Buffalo'; } h3 { font-family: 'Buffalo-BoldDropShadow'; } h4 { font-family: 'Buffalo-SemiBold'; } Link to comment
tuanphan Posted April 19, 2021 Share Posted April 19, 2021 Hi. Font-face should use this format @font-face { font-family: 'Buffalo-Bold'; src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/605e247ed8c2d46e4865b381/1616782462975/Buffalo-Bold.ttf); } @font-face { font-family: 'Buffalo-SemiBold'; src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/607742300faeb1323c5cd91b/1618428464288/Buffalo-SemiBold.ttf); } @font-face { font-family: 'Buffalo-BoldShadow'; src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774288ebad2b474ae31054/1618428552581/Buffalo-BoldShadowItalic.ttf); } @font-face { font-family: 'Buffalo-Light'; src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774222d4e1c77f591c6594/1618428450228/Buffalo-Light.ttf); } @font-face { font-family: 'Buffalo-BoldDropShadow' src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/6077423b4d4ae34278e5db70/1618428475071/Buffalo-BoldDropShadow.ttf); } h1 { font-family: 'Buffalo-Bold'; } h2 { font-family: 'Buffalo'; } h3 { font-family: 'Buffalo-BoldDropShadow'; } h4 { font-family: 'Buffalo-SemiBold'; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AndradeDesigns Posted April 19, 2021 Author Share Posted April 19, 2021 6 hours ago, tuanphan said: Hi. Font-face should use this format @font-face { font-family: 'Buffalo-Bold'; src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/605e247ed8c2d46e4865b381/1616782462975/Buffalo-Bold.ttf); } @font-face { font-family: 'Buffalo-SemiBold'; src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/607742300faeb1323c5cd91b/1618428464288/Buffalo-SemiBold.ttf); } @font-face { font-family: 'Buffalo-BoldShadow'; src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774288ebad2b474ae31054/1618428552581/Buffalo-BoldShadowItalic.ttf); } @font-face { font-family: 'Buffalo-Light'; src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/60774222d4e1c77f591c6594/1618428450228/Buffalo-Light.ttf); } @font-face { font-family: 'Buffalo-BoldDropShadow' src: url(https://static1.squarespace.com/static/603e7d26e52baf2a982a1f57/t/6077423b4d4ae34278e5db70/1618428475071/Buffalo-BoldDropShadow.ttf); } h1 { font-family: 'Buffalo-Bold'; } h2 { font-family: 'Buffalo'; } h3 { font-family: 'Buffalo-BoldDropShadow'; } h4 { font-family: 'Buffalo-SemiBold'; } Wow thank you so much! I followed an old youtube video so that explains a lot! Im so excited to continue to modify this to my liking now that I know how to insert the fonts. Have a great day! Link to comment
tuanphan Posted April 21, 2021 Share Posted April 21, 2021 On 4/19/2021 at 10:51 PM, AndradeDesigns said: Wow thank you so much! I followed an old youtube video so that explains a lot! Im so excited to continue to modify this to my liking now that I know how to insert the fonts. Have a great day! Hi. Have you solved problem yet? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment