如何从javascript中指定字体？_Javascript_Css_Ios_Fonts_Mobile Safari

如何从javascript中指定字体？

javascript css ios fonts

如何从javascript中指定字体？,javascript,css,ios,fonts,mobile-safari,Javascript,Css,Ios,Fonts,Mobile Safari,我正在尝试为iPad定制一个视图src书签。到目前为止看起来还不错但我想让它更具可读性：Courier（新）字体在视网膜显示器上甚至有点难看（特别是？），我更喜欢DejaVu Sans Mono、Monaco、Lucida Console、Bitstream Vera Sans Mono中的任何一种我试图通过添加以下内容来修改bookmarklet脚本： pre.style.fontFamily = '"DejaVu Sans Mono", "Lucida Console", Monaco;

我正在尝试为iPad定制一个视图src书签。到目前为止看起来还不错

但我想让它更具可读性：Courier（新）字体在视网膜显示器上甚至有点难看（特别是？），我更喜欢DejaVu Sans Mono、Monaco、Lucida Console、Bitstream Vera Sans Mono中的任何一种

我试图通过添加以下内容来修改bookmarklet脚本：

pre.style.fontFamily = '"DejaVu Sans Mono", "Lucida Console", Monaco;';

这不是在耍花招

可能prettyprint会在加载时取消我的fontFamily设置。也许我可以在脚本的末尾设置它

这是因为Lucida Console、dejaVu sans mono和摩纳哥在ipad上没有本地版本。除非您将它们添加为，否则这对IOS设备绝对没有影响。以下是ipad本机字体列表：

这是因为Lucida Console、dejaVu sans mono和Monoa在ipad上本机不可用。除非您将它们添加为，否则这对IOS设备绝对没有影响。以下是ipad原生字体列表：

不幸的是，iOS上唯一可用的单空间字体是Courier（我相信Courier是新的）。你必须跟着：

pre.style.fontFamily='“Courier New”，Courier，mono'
不幸的是，iOS上唯一可用的单空格字体是Courier（我相信Courier是新的）。你必须跟着：

pre.style.fontFamily='“Courier New”，Courier，mono'
您可以使用
element.style.fontFamily = "Fontname1,alternative1,alternative2";

关于iPad的问题，你试过谷歌字体吗

从他们的网站：

支持哪些浏览器？
Google Web字体API与以下浏览器兼容：
谷歌浏览器：版本4.249.4+
Mozilla Firefox：版本：3.5+
苹果Safari：3.1版+
歌剧：10.5版+
Microsoft Internet Explorer:版本6+
谷歌网页字体API在移动设备上可用吗？
Google Web Fonts API在绝大多数现代移动操作系统上都能可靠地工作，包括Android 2.2+和iOS 4.2+（iPhone、iPad、iPod）。对早期iOS版本的支持有限
您可以使用
element.style.fontFamily = "Fontname1,alternative1,alternative2";

关于iPad的问题，你试过谷歌字体吗

从他们的网站：

支持哪些浏览器？
Google Web字体API与以下浏览器兼容：
谷歌浏览器：版本4.249.4+
Mozilla Firefox：版本：3.5+
苹果Safari：3.1版+
歌剧：10.5版+
Microsoft Internet Explorer:版本6+
谷歌网页字体API在移动设备上可用吗？
Google Web Fonts API在绝大多数现代移动操作系统上都能可靠地工作，包括Android 2.2+和iOS 4.2+（iPhone、iPad、iPod）。对早期iOS版本的支持有限
这是我现在使用的版本，它是Frank Fiedler的bookmarklet，稍作修改，将
设置为粗体，并使用“sunburst”修饰CSS而不是默认CSS
javascript:(function(){
  var w = window.open('about:blank'),
  doc = w.document;
  doc.write('<!DOCTYPE html><html><head><title>Source of ' + location.href +
    '</title><meta name=\'viewport\' content=\'width=device-width\' />' +
    '<link rel=\'stylesheet\''+
    ' href=\'http://google-code-prettify.googlecode.com/svn/trunk/styles/sunburst.css\''+
    ' type=\'text/css\'/>' +
    '</head><body></body></html>');
  doc.close();
  var pre = doc.body.appendChild(doc.createElement('pre'));
  pre.style.overflow = 'auto';
  pre.style.whiteSpace = 'pre-wrap';
  pre.style.border = 'none';
  pre.style.fontWeight = 'bold';
  pre.className = 'prettyprint';
  pre.appendChild(doc.createTextNode(document.documentElement.innerHTML));
  var lib = doc.createElement('script');
  lib.setAttribute('type','text/javascript');
  lib.setAttribute('src','http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js');
  doc.getElementsByTagName('head')[0].appendChild(lib);
  var call = doc.createElement('script');
  call.setAttribute('type','text/javascript');
  var txt = doc.createTextNode('window.setTimeout(function () {prettyPrint();},800);');
  call.appendChild(txt);
  doc.body.appendChild(call);  
}());

javascript:（函数（）{
var w=window.open（'about:blank'），
doc=w.document；
doc.write（'Source of'+location.href+
    '' +
    '' +
    '');
doc.close（）；
var pre=doc.body.appendChild（doc.createElement（'pre'）；
pre.style.overflow='auto'；
pre.style.whiteSpace='pre-wrap'；
pre.style.border='none'；
pre.style.fontwweight='bold'；
pre.className='prettyprint'；
pre.appendChild（doc.createTextNode（document.documentElement.innerHTML））；
var lib=doc.createElement（'script'）；
setAttribute（'type'，'text/javascript'）；
lib.setAttribute（'src'，'http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js');
doc.getElementsByTagName（'head'）[0].appendChild（lib）；
var call=doc.createElement（'script'）；
setAttribute（'type'，'text/javascript'）；
var txt=doc.createTextNode（'window.setTimeout（函数（）{prettyPrint（）；}，800）；'）；
call.appendChild（txt）；
doc.body.appendChild（调用）；
}());

看起来很专业：
这是我现在使用的版本，它是Frank Fiedler的bookmarklet，稍作修改，将
设置为粗体，并使用“sunburst”修饰CSS而不是默认CSS
javascript:(function(){
  var w = window.open('about:blank'),
  doc = w.document;
  doc.write('<!DOCTYPE html><html><head><title>Source of ' + location.href +
    '</title><meta name=\'viewport\' content=\'width=device-width\' />' +
    '<link rel=\'stylesheet\''+
    ' href=\'http://google-code-prettify.googlecode.com/svn/trunk/styles/sunburst.css\''+
    ' type=\'text/css\'/>' +
    '</head><body></body></html>');
  doc.close();
  var pre = doc.body.appendChild(doc.createElement('pre'));
  pre.style.overflow = 'auto';
  pre.style.whiteSpace = 'pre-wrap';
  pre.style.border = 'none';
  pre.style.fontWeight = 'bold';
  pre.className = 'prettyprint';
  pre.appendChild(doc.createTextNode(document.documentElement.innerHTML));
  var lib = doc.createElement('script');
  lib.setAttribute('type','text/javascript');
  lib.setAttribute('src','http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js');
  doc.getElementsByTagName('head')[0].appendChild(lib);
  var call = doc.createElement('script');
  call.setAttribute('type','text/javascript');
  var txt = doc.createTextNode('window.setTimeout(function () {prettyPrint();},800);');
  call.appendChild(txt);
  doc.body.appendChild(call);  
}());

javascript:（函数（）{
var w=window.open（'about:blank'），
doc=w.document；
doc.write（'Source of'+location.href+
    '' +
    '' +
    '');
doc.close（）；
var pre=doc.body.appendChild（doc.createElement（'pre'）；
pre.style.overflow='auto'；
pre.style.whiteSpace='pre-wrap'；
pre.style.border='none'；
pre.style.fontwweight='bold'；
pre.className='prettyprint'；
pre.appendChild（doc.createTextNode（document.documentElement.innerHTML））；
var lib=doc.createElement（'script'）；
setAttribute（'type'，'text/javascript'）；
lib.setAttribute（'src'，'http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js');
doc.getElementsByTagName（'head'）[0].appendChild（lib）；
var call=doc.createElement（'script'）；
setAttribute（'type'，'text/javascript'）；
var txt=doc.createTextNode（'window.setTimeout（函数（）{prettyPrint（）；}，800）；'）；
call.appendChild（txt）；
doc.body.appendChild（调用）；
}());

看起来很专业：
我不确定，但iPad有这种字体吗？没错。事实证明，这些伟大的字体都没有包括在内，我在一些应用程序中看到了它们（比如Textastic），但它们不适用于MobileSafari。我选择简单地将Courier设置为粗体，这样至少更容易看到颜色。我不确定，但iPad有这种字体吗？没错。事实证明，这些伟大的字体都没有包括在内，我在一些应用程序中看到了它们（比如Textastic），但它们不适用于MobileSafari。我选择简单地将Courier设置为粗体，这样至少更容易看到颜色。废话。其中哪一个是单空间的<