I can’t add a custom font

• 

  andriuspetkus · Member · Jun 5, 2022 at 2:27 pm

  • Copy link
  • Add topic to favorites

  I am trying to change the Blank Canvas theme font to a custom ‘HollywoodStarfire’.
  I uploaded all the font files via file manager as well as with a few plugins but without much luck. Custom font is currently working on my local pc, but not on any other device.
  Could you please help me find the answer.

  My variables.css is currently this:

  /**
   * Base Variables
   */
  :root {
  	/* Globals */
  	/* Font Family */
  	--global--font-primary: 'HOLLYWOOD STARFIRE';
      src: url('www.petkute-becomes-cravelliene.com/wp-content/themes/blank-canvas/fonts/HOLLYWOODSTARFIRE.eot');
      src: url('www.petkute-becomes-cravelliene.com/wp-content/themes/blank-canvas/fonts/HOLLYWOODSTARFIRE.eot?#iefix') format('embedded-opentype'),
          url('www.petkute-becomes-cravelliene.com/wp-content/themes/blank-canvas/fonts/HOLLYWOODSTARFIRE.woff2') format('woff2'),
          url('www.petkute-becomes-cravelliene.com/wp-content/themes/blank-canvas/fonts/HOLLYWOODSTARFIRE.woff') format('woff'),
          url('www.petkute-becomes-cravelliene.com/wp-content/themes/blank-canvas/fonts/HOLLYWOODSTARFIRE.ttf') format('truetype'),
          url('www.petkute-becomes-cravelliene.com/wp-content/themes/blank-canvas/fonts/HOLLYWOODSTARFIRE.svg#HOLLYWOODSTARFIRE') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  	--global--font-secondary: var('HOLLYWOOD STARFIRE');
  	/* Colors */
  	--global--color-secondary: #007cba;
  	--global--color-secondary-hover: #006ba1;
  	--global--color-tertiary: #FAFAFA;
  }
  
  /**
   * Repsonsive Variables
   */
  @media only screen and (min-width: 830px) {
  	:root {
  		--responsive--alignwide-width: min(calc(100vw - 2 * var(--global--spacing-horizontal)), 1000px);
  	}
  }
  

  WP.com: Unknown
  Jetpack: Unknown
  Correct account: Unknown

• 

  amiteshg93 · Member · Jun 5, 2022 at 3:07 pm

  • Copy link

  Hi there,

  What is the URL for the site you’re referring to ?

  Thank You! :)

• 

  andriuspetkus · Member · Jun 5, 2022 at 3:31 pm

  • Copy link

  https://www.petkute-becomes-cravelliene.com/

• 

  andriuspetkus · Member · Jun 5, 2022 at 3:32 pm

  • Copy link

  Wedding invite

• 

  andriuspetkus · Member · Jun 5, 2022 at 6:20 pm

  • Copy link

  https://www.petkute-becomes-cravelliene.com

• 

  kokkieh · Staff · Jun 6, 2022 at 7:09 am

  • Copy link

  Hi there,

  I’m afraid this isn’t something we’re able to help with – while Blank Canvas and its child theme Seedlet, which it appears is the one you’re actually using, are our themes, we don’t provide support for custom development, including the creation of child themes based on our themes. Our team here in the forums aren’t WordPress/theme developers, so we’re simply not able to provide this type of help.

  For help with this, you can instead try the WordPress Stackexchange site at https://wordpress.stackexchange.com/, or perhaps the advanced forums on WordPress.org, at https://wordpress.org/support/forum/wp-advanced/