Показать сообщение отдельно
  #1 (permalink)  
Старый 14.06.2018, 09:23
Аватар для madeas
Профессор
Отправить личное сообщение для madeas Посмотреть профиль Найти все сообщения от madeas
 
Регистрация: 13.04.2018
Сообщений: 232

Подгружать гугл шрифты через js
Всем привет!
Ковыряясь в канвасе, нашел интересную возможность подгружать любой шрифт с гугла.
Вот сам скрипт:
WebFontConfig = {
				google: { families: [ 'Ubuntu' ] },
				fontactive: function() {
					var block = document.getElementById("mscanvas");
					
					img.onload= function(){
						drawText();
					}

					function drawText() {
						ctx.font = "bold 94px Ubuntu";
						ctx.textAlign = 'center';
					}
				}
			};
			(function() {
			 var wf = document.createElement('script');
			 wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
				 '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
			 wf.type = 'text/javascript';
			 wf.async = 'true';
			 var s = document.getElementsByTagName('script')[0];
			 s.parentNode.insertBefore(wf, s);
		   })();


Поскольку в js я еще новичок, возникает вопрос. Как упростить код и перенастроить скрипт на смену шрифта:
1. для всего body
2. для отдельного контейнера с идентификатором N

И еще вопрос. Если получится, то имеет ли смысл и место быть этой альтернативе? Знаешь название - вписал в скрипт и работаешь.

Последний раз редактировалось madeas, 14.06.2018 в 09:28.
Ответить с цитированием