css — php SELECT список шрифтов с соответствующим шрифтом

Question

css — php SELECT список шрифтов с соответствующим шрифтом

Я видел похожие вопросы, но никаких реальных ответов.
Я успешно создал выпадающий список выбора шрифтов в локальном каталоге, который позволяет пользователю выбрать шрифт, который затем используется для создания метки.
Я пытаюсь получить список шрифтов для отображения каждого варианта шрифта в качестве самого шрифта.
У меня успешно был список параметров с различными стилями шрифтов, когда я явно указывал семейство шрифтов для каждого параметра. Я имею; однако, не удалось заставить его работать динамически.

Пожалуйста, поиграйте со следующим кодом и дайте мне знать, если есть какие-то проблемы с синтаксисом, а также если у вас есть идея получше …. Я открыт для всех предложений и заранее спасибо.

  <?php
// open the current directory

$dhandle = opendir('/usr/share/fonts/truetype/ttf-dejavu/');
// define an array to hold the files
$files = array();

if ($dhandle) {
// loop through all of the files
while (false !== ($fname = readdir($dhandle))) {
// if the file is not this file, and does not start with a '.' or '..',
// then store it for later display
if (($fname != '.') && ($fname != '..') &&
($fname != basename($_SERVER['PHP_SELF']))) {
// store the filename
$files[] = (is_dir( "./$fname" )) ? "(Dir) {$fname}" : $fname;
}
}
// close the directory
closedir($dhandle);
}
echo "<select name=\"fonts\">\n";
echo "<option name=\"tops\" value=\"\">Select Font</option>\n";
// Now loop through the files, echoing out a new select option for each one
foreach( $files as $fname )
{
echo "<option value=$fname STYLE=\"font-family: {$fname};src: local(\'explode (\'$files\')\');font-size : 14pt;\">$fname</option>\n";
}
echo "</select>\n";
?>

-1

css fonts php select

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Вы можете попробовать вставить шрифты Google по этой ссылке:

http://www.google.com/fonts

Это способ сделать это:

Допустим, вы хотите шрифт: Roboto,

Если вы нажмете на второй значок, расположенный в правом нижнем углу элемента шрифта, вы будете перенаправлены на страницу, где вам будет предоставлен этот код:

<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>

Что вы должны добавить к своему <head></head> раздел, чтобы сделать шрифт доступным на вашей странице, и:

font-family: 'Roboto', sans-serif;

Что вы должны написать, чтобы применить шрифт к элементу в вашем CSS декларация.

Итак, что вы можете сделать с этим подходом

1 — выберите шрифты, которые вы хотите сделать доступными для выбора пользователями (есть тонны, вы можете повеселиться, выбирая их)

2- составьте свой динамический список шрифтов, хранящих их в базе данных или в PHP учебный класс

3 — отобразить выбор, чтобы пользователь мог выбрать шрифт:

$fonts = array("Roboto", "Oswald", "Indie Flower");

//head section
foreach($fonts as $font)
{
echo "<link href='http://fonts.googleapis.com/css?family=".str_replace(" ", "+", $font)."' rel='stylesheet' type='text/css'>\n";
}

//body section
foreach($fonts as $font)
{
echo "<option value=\"".$font."\" STYLE=\"font-family: ".$font.";\">".$font."</option>\n";
}

Я думаю, что мне не нужно объяснять больше. Но не стесняйтесь задавать мне любые вопросы, если у вас есть сомнения.

0