WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard
[resolved] @font face (4 posts)

  1. John Conner
    Member
    Posted 1 year 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;
    }
  2. John Conner
    Member
    Posted 1 year ago #

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

  3. esmi
    Forum Moderator
    Posted 1 year ago #

    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.

  4. John Conner
    Member
    Posted 1 year ago #

    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 ;)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic