@font face

  • Resolved John Conner

    (@johnconner)


    11 years, 10 months ago

    Hi, I know pinboard doesn’t support usual way of custom font defining, and I know there’s something related to functions.php! Would you please help me in details that how to define a non-google based custom font family? My common string for other themes can be seen below:

    @font-face {
  font-family: 'b yekan';
  src: url('/yekan.eot?#') format('eot'),
       url('/yekan.woff') format('woff'),
       url('/yekan.ttf') format('truetype');
       url('/yekan.svg#b yekan') format('svg');
       font-weight: normal;
       font-style: normal;
}

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter John Conner

    (@johnconner)

    I got my answer: change the theme or be a premium user on pinboard official website to enable handicapped features ??

    The theme isn’t handicapped. What you asking for is help to customise the theme and, in this situation, the developer is perfectly within his/her rights to charge for their expertise etc.

    Thread Starter John Conner

    (@johnconner)

    I just found the solution, special thanks to mr.green.web; Here are steps:
    1- find these lines in functions.php and change one of its font series lines with your font’s name:

    if ( ! function_exists( 'pinboard_available_fonts' ) ) :
/**
 * Returns an array of fonts available to the theme.
 *
 * @since Pinboard 1.0
 */
function pinboard_available_fonts() {
	return array(
		'helvetica' => '"Helvetica Neue", "Nimbus Sans L", sans-serif',
		'verdana' => 'Geneva, Verdana, "DejaVu Sans", sans-serif',
		'tahoma' => 'Tahoma, "DejaVu Sans", sans-serif',
		'trebuchet' => '"Trebuchet MS", "Bitstream Vera Sans", sans-serif',
		'lucida-grande' => '"Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", sans-serif',
		'droid-sans' => '"Droid Sans", sans-serif',
		'lato' => '"Lato", sans-serif',
		'pt-sans' => '"PT Sans", sans-serif',
		'cantarell' => '"Cantarell", sans-serif',
		'open-sans' => '"Open Sans", sans-serif',
		'oswald' => '"Oswald", sans-serif',
		'yanone-kaffeesatz' => '"Yanone Kaffeesatz", sans-serif',
		'quattrocento-sans' => '"Quattrocento Sans", sans-serif',
		'georgia' => 'Georgia, "URW Bookman L", serif',
		'times' => 'Times, "Times New Roman", "Century Schoolbook L", serif',
		'palatino' => 'Palatino, "Palatino Linotype", "URW Palladio L", serif',
		'droid-serif' => '"Droid Serif", serif',
		'lora' => '"Lora", serif',
		'pt-serif' => '"PT Serif", serif',
		'courier' => 'Courier, "Courier New", "Nimbus Mono L", monospace',
		'monaco' => 'Monaco, Consolas, "Lucida Console", "Bitstream Vera Sans Mono", monospace',
	);
}
endif;

    for example:
    'b yekan' => '"b yekan", "tahoma", sans-serif',
    2- Open style.css and add the @font-face command at the very beginning of the file with the font’s name that you configured in functions.php
    3- Change all fonts-family in style.css to your own font’s name
    4- From your WP go to the theme options and select your font style from the typography panel which is come from functions.php
    5- Consider that you have to upload your web font package directly in server html root, and if you update the theme all settings will go away!
    6- Someone’s green with envy
    7- CODE IS POETRY ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘@font face’ is closed to new replies.