CSS - Changing fonts in portfolio

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?

Your site is private. Can you set up password & share url

I am looking for the same help, how did you do it?

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

my site is not currently published yet, and I am not ready to publish it, how can i send a link?

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.

@tylernkime for 7.1 should be:

portfolio-text > h3 {font-family: your font here !important; font-size: 30px!important;}

- John

@JOHNMD

And where do I add that? In place of h3 on line 6?

Seperate on line 12?

@JOHNMD @tuanphan

That code is not working, I have tried many different placements and they have not been successful 

@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

Still not correct for some reason, 

The font should match the logo in the title

@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.

@JOHNMD

Still nothing... 

@JOHNMD

Unfortunately neither of them are working.

Thanks for your help, I think I will just have to take it in a different  direction.

@JOHNMD

ahhh yes... How did i not realize that... the font he sent me was in an OTF, that is definitely this issue

@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.

@JOHNMD

Unfortunately that didnt work either... 

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

@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. 

@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

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.

@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

I just contacted them, totally understand.

Thanks for your help with this process!

@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.

Disregard, I figured it out!

Thanks again