Torgo Posted April 28, 2020 Share Posted April 28, 2020 Site URL: http://diegotorgo.com Hi there! I'm looking for a way to use a custom font in my portfolio list on the home page. How can I do it through CSS? Link to comment
tuanphan Posted April 29, 2020 Share Posted April 29, 2020 Your site is private. Can you set up password & share url Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tylernkime Posted May 8, 2020 Share Posted May 8, 2020 I am looking for the same help, how did you do it? Link to comment
tuanphan Posted May 9, 2020 Share Posted May 9, 2020 12 hours ago, tylernkime said: I am looking for the same help, how did you do it? If you share link to your site, we can take a look Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tylernkime Posted May 9, 2020 Share Posted May 9, 2020 my site is not currently published yet, and I am not ready to publish it, how can i send a link? Link to comment
tylernkime Posted May 9, 2020 Share Posted May 9, 2020 I am just an administrative contributor, I am not the full owner and do not have permission to create a password for you access. I simply want to change the font on these portfolio titles. Link to comment
JOHNMD Posted May 9, 2020 Share Posted May 9, 2020 @tylernkime for 7.1 should be: portfolio-text > h3 {font-family: your font here !important; font-size: 30px!important;} - John mcgouran.john@gmail.com Link to comment
tylernkime Posted May 9, 2020 Share Posted May 9, 2020 @JOHNMD And where do I add that? In place of h3 on line 6? Seperate on line 12? Link to comment
tylernkime Posted May 9, 2020 Share Posted May 9, 2020 @JOHNMD @tuanphan That code is not working, I have tried many different placements and they have not been successful Link to comment
tylernkime Posted May 9, 2020 Share Posted May 9, 2020 @JOHNMD Thanks for your help so far, I tried that and here is what my CSS looks like, and the font is still not showing Link to comment
tylernkime Posted May 9, 2020 Share Posted May 9, 2020 Still not correct for some reason, The font should match the logo in the title Link to comment
tylernkime Posted May 10, 2020 Share Posted May 10, 2020 @JOHNMD So it did change the font to grey and 30pt, but it changed it to do a different font, not the correct one MADE Bruno, which doesnt make sense. I tried adding the source method that I used earlier and that still didnt work, not sure what I did wrong again. Link to comment
tylernkime Posted May 11, 2020 Share Posted May 11, 2020 @JOHNMD Unfortunately neither of them are working. Thanks for your help, I think I will just have to take it in a different direction. Link to comment
tylernkime Posted May 11, 2020 Share Posted May 11, 2020 @JOHNMD ahhh yes... How did i not realize that... the font he sent me was in an OTF, that is definitely this issue Link to comment
tylernkime Posted May 11, 2020 Share Posted May 11, 2020 @JOHNMD So I downloaded the WOFF version of the font and I am back at square one... What is the correct code from star to finish that I need to get this font to be in my portfolio titles? I have went back through and tried all of the different codes you have given me but I am at a road block right now. I know I am slightly off in some way, but I am not sure where. Here is the image of what I have so far. Link to comment
tylernkime Posted May 11, 2020 Share Posted May 11, 2020 @JOHNMD Unfortunately that didnt work either... Link to comment
tylernkime Posted May 11, 2020 Share Posted May 11, 2020 https://reindeer-green-cc29.squarespace.com/config/settings/domains/donovanwitmer.com I am unfortunately just the graphic designer so I dont have the log in info Link to comment
JOHNMD Posted May 12, 2020 Share Posted May 12, 2020 @tylernkimeI went ahead and purchased the font and yes, there are issues with it. It keeps reverting to a web-safe option. The foundry nicely provided me a couple of updates to try out with no success thus far; things are currently back in their hands. I have to say it's a nice font and I discovered the same foundry has one other font of interest to me. Hopefully. we get it working. mcgouran.john@gmail.com Link to comment
JOHNMD Posted May 12, 2020 Share Posted May 12, 2020 (edited) @tylernkimeHave it working with thanks to MADE: Use the otf font which is located in their folder marked 'desktop'. You may need to ask the company madetypeinfo@gmail.com for an updated font file, as you'll notice that my otf version references woff2 in the below sting which appears different to your original file. My code lines are below with Youtube video you can follow. The code is: @font-face { font-family: 'bruno'; src: url('https://static1.squarespace.com/static/5e04314e1e03733084a0d51a/t/5eba88d1b4728154f2f0a428/1589283026214/Bruno.otfbruno-webfont.woff2'); } h3 {font-family: 'bruno'; font-style: italic; font-size: 50px;} .portfolio-text > h3 { color: blue!important; font-size: 30px!important;} https://www.youtube.com/watch?v=4WsiwqQluZc again, to apply the font to all your site h3s you do not need to use last code line above. The last line of code targets your h3 header in the portfolio page only. - John Edited May 12, 2020 by JOHNMD mcgouran.john@gmail.com Link to comment
tylernkime Posted May 12, 2020 Share Posted May 12, 2020 WOW! Thanks for all of your work and help on this, it has been amazing! Would you be able to email me the updated otf file? It may speed up this process? Then fingers crossed I am all good to go. Link to comment
JOHNMD Posted May 12, 2020 Share Posted May 12, 2020 @tylernkime You have all the details. The font foundry company has been very responsive. The Bruno font works with the correct version. I think it's only fair to adhere to their License Agreement. - John mcgouran.john@gmail.com Link to comment
tylernkime Posted May 12, 2020 Share Posted May 12, 2020 I just contacted them, totally understand. Thanks for your help with this process! Link to comment
tylernkime Posted May 12, 2020 Share Posted May 12, 2020 @JOHNMD So I contacted them and they gave me all the correct files but It is still not working on the portfolio titles. Not sure what I am doing wrong. The sent me the updated folder but as you can see in the screen shot there is no "desktop" folder. I used the otf font that you can see below but it did not have the woff2 refernece in it as yours does. We are so close to figuring this out but I am not sure what to do. Link to comment
tylernkime Posted May 12, 2020 Share Posted May 12, 2020 Disregard, I figured it out! Thanks again 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