Tagged: , , , ,

Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • October 27, 2015 at 1:50 am #525261
    loudcow

    Hey there – we’re adding some custom font via cloud.typography.com – We need to add the css key in the header tag, not body tag otherwise the default font loads first for a second before the custom font replaces it. I used codeable service to set up the custom font but they placed the css key code provided by typography.com in the <body> tag field in general settings. I am assuming I need to change the header.php template – and just add this code you see below in the private content area.

    Wanting to check best placement first before I broke the internet :) Not keen on mucking around with the .php files :)

    • This topic was modified 9 years ago by loudcow.
    October 27, 2015 at 12:55 pm #525463
    Rikard

    Hi loudcow,

    Please try the following in your child theme’s function.php:

    function typography_stylesheet(){ ?>
<link rel=”stylesheet” type=”text/css” href=”//cloud.typography.com/6568274/675508/css/fonts.css” />
<?php
}
add_action('wp_head', 'typography_stylesheet');

    Regards,
    Rikard

    October 28, 2015 at 1:24 am #525862
    loudcow

    Hello – thought it worked iniitally by no such luck after navigating around. Still flashing default text first. Should it be placed in the header.php? This is the suggestion from typography.com Refer to link in private field.

    • This reply was modified 9 years ago by loudcow. Reason: Thought ticket was resolved - but wasn't
    October 30, 2015 at 6:12 pm #527609
    Andy

    Hi!

    authentication login is needed for the link you have provided. You can post login details here as private reply.

    Cheers!
    Andy

    October 30, 2015 at 10:54 pm #527744
    loudcow

    Ooops. Sorry Andy

    Sorry about that – added this after I posted my ticket and forgot! Details below.

    November 2, 2015 at 7:26 am #528256
    Rikard

    Hi,

    The code I gave you will add the code to the header and when inspecting your page I can see it inside of the head tag. I’m not sure what you mean by flashing text though?

    Regards,
    Rikard

    November 4, 2015 at 8:42 am #529788
    loudcow

    “flashing’ probably not the right word. The default text appears for a second before being replaced by the custom font. Any way around this?

    November 5, 2015 at 5:32 am #530510
    Rikard

    Hi,

    You mean that the font is not the one you want for a short period of time before everything loads, right? That is due to it not loading fast enough, not sure you can do much about that with your current settings. Would you be able to download the font and place it on your own server instead? That will most likely help.

    Thanks,
    Rikard

    February 5, 2016 at 4:17 am #578206
    anthonyajl

    Hi there,

    I am also facing some troubles adding a custom font type I have just downloaded and converted with ‘Font Squirrel’.
    I have just followed the steps from the link below:

    http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/

    It still doesn’t work. Probably I’m doing something wrong. Could some of you please help me out?

    Thanks in advance!
    BTW: The font I want to change is just for the header title on the main page!

    February 7, 2016 at 9:17 am #579150
    Ismael

    Hey!

    What is the font face code? Please post it on pastebin.com. And where can we find the heading title?

    Best regards,
    Ismael

    February 7, 2016 at 10:45 pm #579264
    anthonyajl

    Hi Ismael,

    First thanks for your reply! The font face code is: ‘optimusprinceps’
    What does the paste does in pastebin.com? And is it possible to have that font for the website?

    I want to have this font for the entire website. If this is not possible I would like to have this at least for the title of the main page.

    Hope to hear from you again!
    Best regards,
    Anthony

    P.S. I use the Enfold ‘One Page’ theme.

    February 8, 2016 at 1:31 pm #579582
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    February 8, 2016 at 3:46 pm #579706
    anthonyajl

    Hi Josue,

    The website is not online yet. But here is the link of the theme where you see the title as well.
    http://kriesi.at/themedemo/?theme=enfold-overview

    I really need to do it. Its quite simple to understand. I just want the text changed in another font. In this case for example the text: “Welcome! I am Enrique Fold”
    The font is: optimusprinceps

    Hope to hear soon from you guys!
    Thanks in advance!

    • This reply was modified 8 years, 9 months ago by anthonyajl.
    February 8, 2016 at 10:22 pm #579928
    Josue

    Hey!

    The following CSS code should do the trick:

    h2.avia-caption-title {
    font-family: "optimusprinceps";
}

    Best regards,
    Josue

    February 9, 2016 at 4:20 am #580064
    anthonyajl

    Hi Josue,

    Thanks! Where do I have to paste this code? The custom.css, or in the quick css? Do I have to replace a code or just add it.
    I am struggling for hours to get this thing working. Hope it’s gonna work because I really want this font integrated.

    Hope to hear again from you.

    Thanks!

    Anthony

    February 9, 2016 at 4:40 am #580077
    anthonyajl

    Hi Josue,

    It works!! Thank you so much!! I’m so glad with it!
    Again many thanks!!

    Could you also tell me please how to get this done for the text of the title from avia2, the header menu links and for the ‘special heading’ text?

    Anthony

    • This reply was modified 8 years, 9 months ago by anthonyajl.
    February 9, 2016 at 12:35 pm #580345
    Josue

    Hey Anthony,

    Try with this:

    #top .av-special-heading,
#top .main_menu ul:first-child > li > a{
    font-family: "optimusprinceps";
}

    Regards,
    Josue

    February 11, 2016 at 7:01 pm #581826
    anthonyajl

    Hi Josue,

    Thank you so much for your help!! Then I have one last question: How can I move the ‘caption title’ more to the top of the page instead of right in the middle of the page. There is no option like top-center for this. Only center-center.

    Could you help me out..?

    Thanks again!!
    Cheers,
    Anthony

    February 11, 2016 at 7:40 pm #581842
    Josue

    Hi,

    Can you post the link to your website please? what kind of slider are you using?

    Regards,
    Josue

    February 11, 2016 at 8:12 pm #581849
    anthonyajl

    Hi Josue,

    I am using the fullscreen slider. I guess this is also the default one of the Enfold One Page theme.

    Regards,
    Anthony

    February 12, 2016 at 12:41 pm #582182
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .slideshow_align_caption {
    vertical-align: top;
}

    Cheers! 
    Josue

    February 12, 2016 at 6:08 pm #582391
    anthonyajl

    Hi Josue,

    Wowwww!!! You are amazing!!! Thank you so many many times! This makes my day!

    Cheers!
    Anthony

    February 12, 2016 at 11:50 pm #582549
    Josue

    Glad to help Anthony :)

    Regards,
    Josue

    February 17, 2016 at 3:32 am #584434
    anthonyajl

    Hi Josue,

    Can I please ask you one last question: Could you please give me any code and tell me where to place this code for getting more then 2 buttons on the main area within the fullscreen slider?

    I have asked this in another topic, but no one is really responding.

    Regards,
    Anthony

    February 17, 2016 at 12:54 pm #584653
    Josue

    Hey Anthony!

    I replied you there.

    Regards,
    Josue

  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • You must be logged in to reply to this topic.