Развитие игровой вспышки
Текущее время: Сб июл 21, 2018 4:19 am

Часовой пояс: UTC + 3 часа [ Летнее время ]




Начать новую тему Ответить на тему  [ Сообщений: 6 ] 
Автор Сообщение
 Заголовок сообщения: Phaser. Как подключить TTF-шрифт?
СообщениеДобавлено: Чт июл 20, 2017 5:59 pm 
Не в сети

Зарегистрирован: Сб июн 11, 2011 8:12 pm
Сообщений: 360
1. Конвертирую .ttf в веб-шрифты: http://www.font2web.com

2. css-файл такой:

Код:
@font-face {
    font-family: 'Conv_junegull rg';
    src: url('../fonts/junegull rg.eot');
    src: url('../fonts/junegull rg.eot?#iefix') format('embedded-opentype'),
         url('../fonts/junegull rg.woff') format('woff'),
         url('../fonts/junegull rg.ttf') format('truetype'),
         url('../fonts/junegull rg.svg#Conv_junegull rg') format('svg');
    font-weight: normal;
    font-style: normal;

}


3. html-файл такой имеет вид:

Код:
<!DOCTYPE html>

<head>

   <link rel="fontPreload" type = "text/css" href = "assets/css/fontPreload.css">
   
   <style type="text/css">
      @font-face { font-family: 'Conv_junegull rg'; src: url('assets/fonts/junegull rg.ttf') format("truetype"); }
      body{
         background: #000000;
         padding:0px;
         margin:0px;
      }
         .fontPreload {
           font-family: 'Conv_junegull rg';
           position:absolute;
           left:-100px;
      }
   </style>
   
   
    <meta charset="utf-8">
    <title>My Game</title>
    <link rel="shortcut icon" href="/favicon.ico" />

</head>

<body>
    <div class="fontPreload">.</div>
   
    <div id="game"></div>

    <script src="//github.com/photonstorm/phaser-ce/releases/download/v2.8.1/phaser.min.js"></script>
    <script src="js/Game.js"></script>
</body>

</html>


4. Код такой:

Код:
var LText = game.add.text(game.world.width / 2, game.world.height / 2 - 150, 'Test Font', {
            font: '55px junegull rg',
            fill: '#FFFFFF',
            stroke: '#000000',
                strokeThickness: 3,
                align: 'center'
        });
         
LText.font = 'junegull rg';



В итоге вижу что шрифт самый обычный.

ЧЯДНТ?


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Phaser. Как подключить TTF-шрифт?
СообщениеДобавлено: Чт июл 20, 2017 6:09 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Вс дек 19, 2010 5:31 pm
Сообщений: 4983
Откуда: Пока не знаю
Сайт: http://gamespoweredby.com/blog/
Ты придумал подключаемому шрифту в CSS имя "Conv_junegull rg", а почему-то используешь в JS коде "junegull rg"


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Phaser. Как подключить TTF-шрифт?
СообщениеДобавлено: Чт июл 20, 2017 6:14 pm 
Не в сети

Зарегистрирован: Сб июн 11, 2011 8:12 pm
Сообщений: 360
Это "фэмили шрифта", а не имя. Или я ошибаюсь?
Мне тулза из пункта 1 сгенерила такое имя.


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Phaser. Как подключить TTF-шрифт?
СообщениеДобавлено: Чт июл 20, 2017 6:25 pm 
Не в сети

Зарегистрирован: Чт июл 01, 2010 2:39 pm
Сообщений: 1303
viewtopic.php?f=20&t=13304


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Phaser. Как подключить TTF-шрифт?
СообщениеДобавлено: Чт июл 20, 2017 6:52 pm 
Не в сети

Зарегистрирован: Сб июн 11, 2011 8:12 pm
Сообщений: 360
Переименовал и заработало. Благодарю. :)


Вернуться наверх
 Профиль Отправить e-mail  
 
 Заголовок сообщения: Re: Phaser. Как подключить TTF-шрифт?
СообщениеДобавлено: Чт июл 20, 2017 7:44 pm 
Не в сети
Аватар пользователя

Зарегистрирован: Вс дек 19, 2010 5:31 pm
Сообщений: 4983
Откуда: Пока не знаю
Сайт: http://gamespoweredby.com/blog/
eXAAAXe писал(а):
Переименовал и заработало. Благодарю. :)

Заработало потому, что так работает CSS/HTML. Если ты создаешь кастомный шрифт, то ты ему задаешь font-family. Соотв только по этому font-family ты можешь к нему обращаться.


Вернуться наверх
 Профиль Отправить e-mail  
 
Показать сообщения за:  Сортировать по:  
Начать новую тему Ответить на тему  [ Сообщений: 6 ] 

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
Русская поддержка phpBB