@font face

Resolved John Conner
(@johnconner)

10 years, 11 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)

10 years, 11 months ago

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

esmi

(@esmi)

10 years, 11 months 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.

Thread Starter

John Conner

(@johnconner)

10 years, 11 months 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 😉

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘@font face’ is closed to new replies.

Tags