Шрифты в HTML (font, font-family, font-face)

На текущий момент шрифты — это одна из главных особенностей сайтов. Шрифты бывают как платными, так и бесплатными. При создании сайотов дизайнеры тратят большое количество времени, чтобы подобрать шрифты.

В этой статье мы разберём сначала системные бесплатные шрифты, а потом научимся подключать шрифты из файлов.

Веб безопасные шрифты

Шрифт можно указать с помощью CSS свойства «font-family». Если перевести дословно название этого свойства, то получится «семейство шрифтов». В значении этого свойства необходимо указать название шрифта. К примеру:

Но текст будет написан этим шрифтом только в том случае, если этот шрифт есть у пользователя, который просматривает сайт. Если этого шрифта нет в его системе, то будет выбран стандартный. Поэтому если вы не хотите подключать файлы шрифтов в CSS, то стоит указать в качестве шрифта один из так называемых «веб безопасных шрифтов». Эти безопасные шрифты точно будут отображаться на любой системе. Вот список их названий и примеры:

Arial: Тише, мыши, кот на крыше. Arial: Тише, мыши, кот на крыше. Verdana: Тише, мыши, кот на крыше. Georgia: Тише, мыши, кот на крыше. Impact: Тише, мыши, кот на крыше. Arial Black: Тише, мыши, кот на крыше. Comic Sans MS: Тише, мыши, кот на крыше. Trebuchet MS: Тише, мыши, кот на крыше. Courier New: Тише, мыши, кот на крыше. Times New Roman: Тише, мыши, кот на крыше. 

В разных операционных системах шрифты могут выглядеть по-разному из-за авторских прав. К примеру, шрифта «Times New Roman» нет на операционной системе Linux (а на этой системе работает большинство мобильных устройств). В таких случаях система будет подставлять шрифт, который похож на требуемый, но не идентичен ему.

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

• serif — шрифт с засечками на концах букв. К примеру, Times New Roman
• sans-serif — шрифт без засечек. К примеру, Arial
• cursive — курсивный шрифт
• fantasy — декоративный шрифт
• monospace — моноширинный шрифт (все буквы одинаковой ширины)

Шрифты в подключаемых файлах (font-face)

Чтобы специфический шрифт сайта попал к пользователю, файл со шрифтом необходимо передать. Делается эта загрузка благодаря CSS правилу @font-face. Чтобы загрузить файл шрифта, необходимо сначала положить его к себе на сайт или узнать ссылку на него на других сайтах. После того как будет получена ссылка на файл шрифта, на HTML странице можно подключить его и задать этот шрифт тексту через свойство font-family. Приведём пример HTML кода вместе со стилями:

  Тише, мыши, кот на крыше.

• font-family — указывается название шрифта. Это название необходимо использовать далее в CSS правилах.
• url(‘ . ‘) — указывается абсолютная или относительная ссылка на файл шрифта. У файлов шрифтов есть разные расширения: ttf, eot, woff, woff2. Некоторые браузеры умеют понимать одни файлы, другие нет. Поэтому часто указывается несколько файлов шрифтов с разными расширениями.

Шрифты замедляют загрузку страницы. Ведь CSS правила читаются последовательно. И пока не закончится загрузка файлов шрифтов, указанных в @font-face, то страница не начнёт отображаться. Поэтому если хотите ускорить загрузку своего сайта, то подключайте их в самом конце страницы. Либо используйте веб безопасные шрифты. С другой стороны, достаточно загрузить шрифт один раз — потом он попадает в кеш.

Источник

Changing font style in PHP link

This will work for you: To apply font style to complete excel document: Solution 2: PHPExcel is no longer maintained and replace by phpspreadsheet. Or maybe it is possible to some parsing of loaded document, like some foreach for all paragraphs and then change «font settings» for every paragraph of text?

Changing font style in PHP link

Though I have spent some time on this, I have not been able to find the solution though. I am asked to show a «go back» message after clicking that. This message has to be written with the same font the person click on. Here is my code:

    "; echo "Go back"; echo ""; > else< echo "
Choose a font style
"; echo "verdana
"; echo "arial
"; > ?>  

The tag is no longer supported. Use style attribute with font-family property :

 if (isset($_GET['fontStyle']))< $font=$_GET['fontStyle']; // unset($_GET); // unset $_GET array is not necessary echo 'Go back'; > else< echo "
Choose a font style
"; echo "verdana
"; echo "arial
"; > 

HTML font Tag — Usage, Syntax, Examples, CSS Styles. To change the text color, use the CSS color property instead of the color attribute. CSS font-family or font-face properties replace the face attribute, …

Specific font family inside a form in PHP

I am creating an enquiry form in PHP, using a form I created in HTML. Is it possible to use a specfic font inside the PHP code like you can in HTML? for example:

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

Below you can see my PHP code I’m referring to:

$email_to = "billy.farroll@hotmail.com"; $name = $_POST["name"]; $email = $_POST["email"]; $tel = $_POST["tel"]; $msg = $_POST["msg"]; $email_from = "billy@slickfin.com"; // This email address has to be the same email on the server if using Fasthots server i.e. SlickFin server - billy@SlickFin.com you can't put the $email variable entered by user because its not authorised to send it. $message = $_POST["message"]; $email_subject = "Enquiry"; 

For example, this section (below) I want to use the font-family: ‘Quicksand’, sans-serif; for the email I receive when the form has been filled and submitted. THIS IS MY QUESTION.

$headers = "From: $email .\n"; "Reply-To: $email .\n"; // $headers .= "MIME-Version: 1.0\r\n"; $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n"; $message = ''; $message .= "
Enquiry
"; $message .= " Name: " . $name . ""; $message .= " 
Email Address: " . $email . "
"; $message .= " 
Telephone Number: " . $tel . "
"; $message .= " 
Message: " . $msg ."
"; $message .= ""; 

Also, here’s my HTML form code:

  
 Name Done 
 
 Email Done 
 
 Mobile Done 
 
Message Done 
  

If you’d like to see the entire index.html and the entire equiry.php files, you can via Github at: https://github.com/billyfarroll/enquiry_slick_one

PHP is not an output format. PHP might manipulate the output, but it is not the output itself. Think about PHP as a calculator and HTML as the numbers on the calculator screen. Your question doesn’t really make sense.

There are many different output formats. HTML is just one of them and is probably what you’ll be working with mostly other than JSON.

It seems in this case you’re sending an HTML email. Most email clients will display HTML and CSS; similar to a web browser. What you’re going to want to do is use PHP to generate some CSS (an output format) and HTML (Also an output format) to get the result you want.

The CSS in your HTML emails is more limited than what you can do in a browser. To ensure compatibility in this particular case , I recommend using inline styles in order to get your desired effect.

To add a font to your HTML email that you’re not expecting the client to have, you could also do something like this.

Note that this will work with some email clients, and not with others. so make sure to use some fallback fonts in your CSS.

Listing available fonts in PHP, I’d like to query what fonts are available on a *nix-like system, ideally using PHP 5.2 or 5.3, but there doesn’t seem to be many libraries available to do …

Set Font Color, Font Face and Font Size in PHPExcel

I’m working in phpexcel . I’m beginner.When I’m using following code and its working fine.

$phpExcel = new PHPExcel(); $phpExcel->getActiveSheet()->getStyle("A1")->getFont()->setBold(true) ->setName('Verdana') ->setSize(10) ->getColor()->setRGB('6F6F6F'); 

But when I’m using following code and not getting expected result as above.

$phpFont = new PHPExcel_Style_Font(); $phpFont->setBold(true); $phpFont->setName('Verdana'); $phpFont->setSize(15); $phpColor = new PHPExcel_Style_Color(); $phpColor->setRGB('FF0000'); $phpExcel->getActiveSheet()->getStyle('A1')->setFont( $phpFont ); $phpExcel->getActiveSheet()->getStyle('A1')->getFont()->setColor( $phpColor ); 

Please help me what am I doing wrong in above code.

I recommend you start reading the documentation (4.6.18. Formatting cells). When applying a lot of formatting it’s better to use applyFromArray() According to the documentation this method is also suppose to be faster when you’re setting many style properties. There’s an annex where you can find all the possible keys for this function.

$phpExcel = new PHPExcel(); $styleArray = array( 'font' => array( 'bold' => true, 'color' => array('rgb' => 'FF0000'), 'size' => 15, 'name' => 'Verdana' )); $phpExcel->getActiveSheet()->getCell('A1')->setValue('Some text'); $phpExcel->getActiveSheet()->getStyle('A1')->applyFromArray($styleArray); 

To apply font style to complete excel document:

 $styleArray = array( 'font' => array( 'bold' => true, 'color' => array('rgb' => 'FF0000'), 'size' => 15, 'name' => 'Verdana' )); $phpExcel->getDefaultStyle() ->applyFromArray($styleArray); 

PHPExcel is no longer maintained and replace by phpspreadsheet.

First read the documentation and use applyFromArray() for applying style and read the documentation of phpspreadsheet:

$spreadsheet = new Spreadsheet(); $sheet = $spreadsheet->getActiveSheet(); $styleArray = [ 'font' => [ 'bold' => true, 'size' => 14, 'name' => 'Arial' ], 'alignment' => [ 'horizontal' => Alignment::HORIZONTAL_CENTER, 'vertical' => Alignment::VERTICAL_CENTER ], 'borders' => [ 'allBorders' => [ 'borderStyle' => Border::BORDER_THIN, 'color' => ['rgb' => '000000'] ] ] ]; $sheet->getStyle('A1')->applyFromArray($styleArray); 

The documentation can be found Here

in other way , you can use :

 $objPHPExcel->getActiveSheet() ->getStyle('A1') ->getFont() ->getColor() ->setRGB ('EEEEEE') ; 

Html — Changing font style in PHP link, Changing font style in PHP link. Ask Question Asked 4 years, 3 months ago. Modified 4 years, 3 months ago. Viewed 5k times -1 Though I have …

How to change font (name, size, line spacing) in phpword?

Could you please tell me is it possible to — load docx document into phpword , then change font name, size, line spacing in that loaded document and then save it to another docx file?

I’m reading phpword official docx right now, but as I see it’s much more creating a new document (with some font name, size and line spacing trough setting of a paragraph for example) than for changes in loaded document. Or maybe I’m wrong?

So is it possible to change these «font settings» for loaded document? Or maybe it is possible to some parsing of loaded document, like some foreach for all paragraphs and then change «font settings» for every paragraph of text?

Thank you in advance for your help!

Yep, changing some of the document default settings is possible. For example changing the default font definitions:

$phpWord = \PhpOffice\PhpWord\IOFactory::load('myfile.docx'); $phpWord->setDefaultFontSize(50); $phpWord->setDefaultFontName('courier'); 

for line spacing you can check whether the default value can be modified with the setDefaultParagraphStyles method.

How to use css style in php, Im using php to display data from mysql. Here are my css statements:

Источник

html — изменение шрифта php-кода с использованием стилей CSS

Я не уверен, как я могу изменить шрифт имени, выводимого из текстового поля. Можно ли использовать CSS стиль в PHP-коде? Я хотел бы изменить font-weight и font-family текста, выводимого из текстового поля. Спасибо

Решение

Да, вы делаете это так, как всегда делаете для любого стиля CSS, примененного немедленно:

Вы можете изменить эти значения по своему усмотрению, и стиль должен отображаться, когда вы echo это из.

В качестве альтернативы, как предложено ниже, вы можете просто обернуть $result с помощью CSS или, если вы хотите установить другие значения, вы можете применить их в вашем случае переключения следующим образом:

switch ($_POST['language']) < case "option1": $result = "Hello, !"; $style = 'font-weight:val;font-family:val'; break; case "option2": $result = "你好, !"; $style = 'font-weight:val;font-family:val'; break; case "option3": $result = "Bonjour, !"; $style = 'font-weight:val;font-family:val'; break; > echo '
' . $result . '
'; 

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

     #name < font-family: "Open Sans", sans-serif; font-weight: 700; background-color: red; >#greet  !
"; break; case "option2": $result = "
!
"; break; case "option3": $result = "
!
"; break; > echo $result; > else < ?> 
What's Your Name?
 
Greet me in: English Chinese French  
 
 ?>   

Источник