Как установить более одного шрифта в теге для отображения текста?

#html #css

#HTML #css

Вопрос:

Хорошо, у меня есть php-проект с базой данных sqlite3. В таблице сообщений сообщения хранятся на многих языках, и я хочу отображать сообщения в соответствии с соответствующими шрифтами, такими как этот.

 <?php
.....
echo $msg;// I don't know in which language is this msg..
......
  

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

Если это возможно, то как?

Комментарии:

1. Пожалуйста, объясните это подробнее — что вы пробовали, где вы застряли?

2. Ваш PHP-тег был ошибочно принят за HTML <tag выберите код и нажмите ctrl k, чтобы отформатировать его как код.

Ответ №1:

Решение 1:
Или, если язык меняется на один и тот же, <span> тогда вы могли бы использовать font-family stacking , указав несколько семейств для одного и того же <span> или class .
Пример кода ниже:

 @import url('https://fonts.googleapis.com/css?family=Baloo Tamma|Laila');
.myClass {
  font-family: "Times New Roman", "Scheherazade", "PMingLiU", "MingLiU", "SimSum-18030, SimHei", "Doulos SIL", "Baloo Tamma", "Laila"
}  
 <span class="myClass"> 欢迎 歡迎 Καλοσωρίσατε اهلا وسهلا Добро пожаловать Kudual ಸಮಯದ हमारे</span>  

Решение 2:
наложение семейств шрифтов может привести к замедлению рендеринга, поскольку браузеру приходится переходить от одного семейства шрифтов к следующему. Поэтому будет лучше, если вы сделаете это с помощью атрибута language <span class="xyz" lang="ar"> , если вы знаете язык, который будет содержать span, и вы уверены, что язык никогда не изменится. Таким образом, браузер напрямую переходит к указанному шрифту.

Приведенный ниже пример кода из w3.org/qa-css-lang вы можете прочитать больше там:

 body 		{font-family: "Times New Roman",serif;}
:lang(ar) 	{font-family: "Scheherazade",serif; 
                 font-size: 120%;}
:lang(zh-Hant) 	{font-family: Kai,KaiTi,serif;}
:lang(zh-Hans) 	{font-family: DFKai-SB,BiauKai,serif;}
:lang(din) 	{font-family: "Doulos SIL",serif;}  
 <p>It is polite to welcome people in their own language:</p>
<ul>
    <li lang="zh-Hans">欢迎</li>
    <li lang="zh-Hant">歡迎</li>
    <li lang="el">Καλοσωρίσατε</li>
    <li lang="ar">اهلا وسهلا</li>
    <li lang="ru">Добро пожаловать</li>
    <li lang="din">Kudual</li>
</ul>  

Я надеюсь, это поможет;

Мир 🖖

Комментарии:

1. @Viliyam Vasava просто используйте второе решение для наложения семейства шрифтов. семейство шрифтов: «Arial», «Laila», «Baloo Tamma» здесь браузер сначала попробует Arial, затем он попробует шрифт Laila, затем он попробует Baloo Tamma. Если ваш веб-сайт содержит большую часть данных на английском языке, укажите сначала английский шрифт, затем хинди, затем каннада, гуджарати и т.д.

2. @Viliyam Vasava просто используйте второе решение для наложения семейства шрифтов. семейство шрифтов: «Arial», «Laila», «Baloo Tamma» здесь браузер сначала попробует Arial, затем он попробует шрифт Laila, затем он попробует Baloo Tamma. Если ваш веб-сайт содержит большую часть данных на английском языке, укажите сначала английский шрифт, затем хинди, затем каннада, гуджарати и т.д.