Add Helvetica font to my wordpress blog using The7 theme
- or -
Post a project like this2169
£25(approx. $31)
- Posted:
- Proposals: 6
- Remote
- #1991371
- PRE-FUNDED
- Awarded
Expert in Website Development|| App Development ||Digital Marketing || Designing || Mobile Application || SEO || Server Admin
Jaipur
WordPress Developer | Page Speed Optimization | Security | Elementor Expert | Custom themes, plugins | PSD/HTML to WP
Manassas
Wordpress, Shopify, PHP, HTML, CSS, Bootstrap, Graphic Designs, Logos, Magento, CodeIgniter
Portland
98580987711448884134788715348151840899
Description
Experience Level: Expert
I need to add helvetica to appear on my font list in the The7.io theme.
Here are instructions:
http://support.dream-theme.com/knowledgebase/add-custom-font/
Upload font files to your website, for example, into …/wp-content/uploads/fonts/
then add @font-face in Theme Option > Advacned > Custom CSS or child theme style-sheet this way:
@font-face {
font-family: 'Gruppo';
src: url('/wp-content/uploads/fonts/Gruppo_reg.eot');
src: url('/wp-content/uploads/fonts/Gruppo_reg.eot') format('embedded-opentype'),
url('/wp-content/uploads/fonts/Gruppo_reg.woff') format('woff'),
url('/wp-content/uploads/fonts/Gruppo_reg.ttf') format('truetype'),
url('/wp-content/uploads/fonts/gruppo_reg.svg#Gruppo') format('svg');
}
Now you can either apply font using custom CSS like this:
body, p, h1, h2 {
font-family: 'Gruppo' !important;
}
Add a font to theme font list
Please add the following code into the end of your functions.php file:
function add_custom_font( $fonts ) {
$fonts['Gruppo'] = 'Gruppo';
return $fonts;
}
add_filter( 'presscore_options_get_safe_fonts', 'add_custom_font' ,30 , 1 );
Now This font is available in Theme Options > Typography > font list.
Note: If you want to specify font with weight you can do this using following code notation in add_custom_font() function.
$fonts['Gruppo:500'] = 'Gruppo(500)'; //for 500 weight
$fonts['Gruppo:700'] = 'Gruppo(700)'; //for 700 weight
Here are instructions:
http://support.dream-theme.com/knowledgebase/add-custom-font/
Upload font files to your website, for example, into …/wp-content/uploads/fonts/
then add @font-face in Theme Option > Advacned > Custom CSS or child theme style-sheet this way:
@font-face {
font-family: 'Gruppo';
src: url('/wp-content/uploads/fonts/Gruppo_reg.eot');
src: url('/wp-content/uploads/fonts/Gruppo_reg.eot') format('embedded-opentype'),
url('/wp-content/uploads/fonts/Gruppo_reg.woff') format('woff'),
url('/wp-content/uploads/fonts/Gruppo_reg.ttf') format('truetype'),
url('/wp-content/uploads/fonts/gruppo_reg.svg#Gruppo') format('svg');
}
Now you can either apply font using custom CSS like this:
body, p, h1, h2 {
font-family: 'Gruppo' !important;
}
Add a font to theme font list
Please add the following code into the end of your functions.php file:
function add_custom_font( $fonts ) {
$fonts['Gruppo'] = 'Gruppo';
return $fonts;
}
add_filter( 'presscore_options_get_safe_fonts', 'add_custom_font' ,30 , 1 );
Now This font is available in Theme Options > Typography > font list.
Note: If you want to specify font with weight you can do this using following code notation in add_custom_font() function.
$fonts['Gruppo:500'] = 'Gruppo(500)'; //for 500 weight
$fonts['Gruppo:700'] = 'Gruppo(700)'; //for 700 weight
Adrian F.
100% (21)Projects Completed
29
Freelancers worked with
23
Projects awarded
28%
Last project
24 Jan 2019
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Adrian, please share your website link.
-
Hello,
Can you please provide to me link from your site?
634071634026
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies