当我“检查元素”时，如何在网站页面上临时测试不同的字体？ [英] How can I temporarily test different fonts on a site page when I "Inspect Element"?

问题描述

嗨:)，



我真的，真的，真的，想知道如何查看其他网站上的独特字体是什么样的在我的网站上暂时使用Inspect Element在我的网站上试用它们。



通过查看CSS部分，我已经知道了我在网站上看到所需字体的字体名称，但我一直在寻找如何在我的网站上试用字体而不必进入后端并上传文件。我想这是因为我的谷歌Chrome浏览器字体是独一无二的并不像Arial，San-serif和Verdana那么明显。



我喜欢编程因为它具有无限的能力，但我无法全身心投入，因为它需要时间，而我的工作并不专注于此。



请帮助:(



尊重，

Ana

Hi :),

I'd really, really, really, like to know how I could check out how unique fonts that are on other websites would look on my site by just temporarily trying them out on my site with "Inspect Element".

I've gotten as far as being able to identify the name of the font on the website that I have seen the desired font on by looking into the CSS section, but I've been stuck at finding out how to try out the font on my website without having to go into the backend and upload files. I guess this is because the font is unique and is not so noticeable by my Google Chrome browser as Arial, San-serif, and Verdana would be.

I love programming because of its unlimited capabilities, but I am unable to dedicate myself to learning it fully because of the time that it takes and a my job doesn't focus on such.

Please help :(

Respectfully,
Ana

推荐答案

I真的很同情你的努力;尽管情况非常艰难，时间紧迫，你仍在努力学习。

我想给你一些想法。



首先，你可以在没有自己的网站的情况下进行大量的开发和学习。正如你提到的转到后端并上传文件，你肯定有一些网站;也许关键是我自己。我不会建议你自己托管，至少在你开发一些产品或网站之前不会这样做使用;这样，你可以避免浪费钱。所以，我的观点是：1）你真的需要拥有自己的Web服务器进行开发; 2）在没有任何站点和Web服务器的情况下可以完成很多工作。



拥有自己的服务器比许多初学者想象的容易得多。你需要什么取决于你想要达到的目标，但是，特别是Apache是​​开源的，非常轻量级的，并且几分钟内安装没有问题。安装后，可以在本地执行。其他步骤取决于您希望拥有的服务器端技术。您可以使用其他一些轻量级HTTP服务器。如果您在开发计算机上使用HTTP服务器和站点，则不会真正部署任何内容，只需编辑文件即可。使用一些体面的版本控制系统非常重要，它也可以非常轻巧和可靠。



现在，关于设计使用不同的字体和设计预览，将一些文件上传到服务器的整个想法是方法上的错误。不仅是出于与字体相关的目的，而且对于设计本身，我强烈建议在本地完全在客户端开发网页设计原型。 Web浏览器是一个不错的平台，拥有您所需要的一切：HTML / XHTML，CSS和JavaScript。 这足以使任何设计原型。即使它似乎是双重工作，因为在服务器端，您的脚本是由某些服务器端脚本生成的，因此您无法重复使用代码，原型设计绝不是浪费时间。由于这样的问题是一般设计和字体选择，它应该是显而易见的，但即使对于使用复杂的服务器端脚本的页面也是如此。一个重要方面是：这样，您可以更好地了解实际发生的事情。在这个网站上，我们观察到太多开发人员试图实现相当复杂的行为，但不知道服务器和客户端实际发生了什么。



最后，一个案例您可以在哪里完成客户端和服务器端开发：使用Visual Studio进行ASP.NET开发。如今，您可以使用免费的全功能社区版;它的功能大致匹配专业版本。使用这种方法，您可以自动使用一个小的开发HTTP服务器，这样您就可以立即同时编辑和测试服务器端和客户端代码。



同样，我的答案比你的小字体问题要宽泛得多，它不需要上面讨论的大部分功能。但是你想研究所有的发展，对吧？你可以在本地和有效地完成所有工作。

-SA

I really sympathize with your efforts; you are trying to study despite of pretty difficult situation and tough schedules.
I would like to give you just a few ideas.

First of all, you can do a lot of development and study without your own Web site. As you mentioned "go to back end and upload files", you certainly do have some Web site; maybe the key is "my own". And I would not advise to get your own hosting, at least not until you develop some product or site you really need to use; this way, you can avoid wasting money. So, my points are: 1) you really need to have your own Web server for development; 2) a lot of work can be done without any site and Web server at all.

Having your own server is much easier than many beginners think. What you need depends on what you want to achieve, but, in particular, Apache is open-source, extremely light-weight and installs in few minutes without problems. Once installed, it can be executed locally. The other steps depends on what server-side technology you want to have. There are some other light-weight HTTP servers you can use. If you use the HTTP server and the site on your development machine, you don't really "deploy" anything, you simply edit the files in place. It's important to use some decent Revision Control system, which also can be extremely light-weight and reliable.

Now, as to the designs with different fonts and preview of the designs, the whole idea of up-loading of some files to the server is methodologically wrong. Not only for your font-related purposes, but for design itself, I would strongly recommend to develop Web page design prototypes locally, fully on the client side. A Web browser along is a decent platform which has all you need: HTML/XHTML, CSS and JavaScript. This is more than enough to prototype any design. Even though it may seem double work, because with server side your scripts are generated by some server-side script, so you cannot re-use the code, prototyping is never the waste of time. With such a problem is general design and font selection, it should be just obvious, but it remains true even for the pages using complicated server-side scripting. One important aspect is: this way, you can better learn what really happens. On this site, we observe too many "developers" trying to achieve quite complicated behavior but having no clue what really happens on server and client side.

Finally, one case where you can do client-side and server-side development altogether in place: ASP.NET development with Visual Studio. These days, you can use fully-functional Community Edition, which is free of charge; its functionality roughly matches "Professional" version. With this approach, you automatically use a tiny "development HTTP server", so you can immediately edit and test server-side and client-side code at the same time.

Again, my answer is much broader than your little font issue, which does not require most of the features discussed above. But you want to study all the development, right? You can do it all locally and efficiently.

—SA

这篇关于当我“检查元素”时，如何在网站页面上临时测试不同的字体？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！