copy. In the main part I am using custom Google Webfont fonts, as well as with some artistic CSS3 effects.
Copy Code code as follows:
Subject ContentThe target index on the page that is listed alphabetically by the HREF value of the anchor chain. The value of the matching name attribute from Indexa to #indexg for anchor cable on other pages.
Copy Code code as follows:
The following is the specific scrollin
1. Bug Description
Write code today when there is a problem, the front page of some small icons disappeared, after F12, found that the error message is as follows:
Failed to decode downloaded Font:http://localhost:8080/font-awesome-4.7.0/fonts/fontawesome-webfont
Of course, this is only one of them, because there are several icons can not be displayed, so there are several such error messages. 2. Bug Resolution
I first Google this error message, a
Note: The following code is tested in the version after Firefox 3.5, Chrome 3.0, and Safari 4. The implementation of IE8 is different from other browsing. Cross-domain requests, as the name suggests, are resources in one site to access resources on another different domain name site. This is common, such as loading an external style sheet file with a style tag, loading an external picture via an IMG tag, loading an external script file with a script tag, loading a font file by
the dafont.com single Malta font, so you can download a single Malta:Once the single Malta is downloaded, it needs to be decompressed:Second, get the font format required for @font-face:The special font is already in your computer, and now we need to find a way to get the @font-face. Eot,.woff,.ttf,.svg font format. To get these font formats, we also need third-party tools or software to implement, below I recommend a tool I commonly used fontsquirrel
Set the font in html5 and html5
@ Font-face commands are introduced in CSS2, but implemented in html5.
Web open font (WOFF) is also supported by all browsers
Most fonts are TrueType (TTF) and OpenType (PTF), while IE implements Embedded OpenType (EOT). There is also a Scalable Vector Graphics (SVG) that is only supported by IOS systems.
Change font
The FontSquirrel website provides various font formats that can meet our needs.
1. Define the fon
the full: First, get special fonts:Let's take this single Malta font:To get a single Malta font, there are two ways, one to find paid websites to buy fonts, the other is to the free site download fonts. Of course to give money this stupid I think we will not do, then we will get free places to download, where there? I usually go to Google Web fonts and dafont.com to find their own fonts, of course, there are other places on the Internet to download fonts, this demo uses the dafont.com single Ma
are packaged in font formats and optimized for network use: Each font file contains fonts and metadata for fonts (Metadata), font files are compressed for network transmission, and do not contain any encryption or DRM measures. Almost all major font vendors, including Adobe, Lino Type, and Monotype, have joined the ranks of support WOFF. svg (Scalable Vector Graphics) Fonts (. svg), as the name implies, is the use of SVG technology to render fonts, there is aThe SVG font for GZIP compression fo
font on hand (or found at the design resource site), most commonly. TTF file, we need to convert this file format to the remaining two file formats. The conversion of font file format can be obtained through the online font conversion service provided by the website Fontsquirrel or Onlinefontconverter. The first site is recommended, which allows us to select the desired characters to generate the font file (the last option in the service), which grea
editing function, which can be easily used for effects such as transmission, text and border shadow, and italic. It uses Google Font Directory and FontSquirrel addons To set personalized Web Fonts.
Website
5. Maqetta: Open Source Project HTML5 Editor
Maqetta is an HTML5 design and editing tool for creating desktop and mobile user interfaces. It also announced that it would donate the project to the open-source Dojo Foundation.
Maqetta is an op
need third-party tools or software to implement, below I recommend a tool I commonly used fontsquirrel, other than the first to say, the first with me point here to enter the interface below it.If you see the above interface, that's good, let's see how to use this tool to generate the various fonts required by @font-face, first upload the fonts we just downloaded:Now that the files downloaded from the font squirrel have been saved on your local compu
:
To get the single Malta font, there are two ways: one is to find the paid website to buy the font, and the other is to download the font to the free website. Of course, I don't think everyone will do this kind of silly thing, so we will get a free download. Where can we find it? I usually go to Google Web Fonts and dafont.com to find the fonts I need. Of course, there are other places to download the fonts on the Internet. This demo uses the single Malta font of dafont.com, in this way, y
, Safari, and opera
. EOT, applicable to Internet Explorer 4.0 +
. SVG, applicable to chrome and iPhone
The following describes how to obtain the three types of files in a certain font. Generally, some type of file with the font on hand (or found on the design resource site) is the most common. TTF file, we need to convert this file format to the other two file formats. You can use the online font conversion service provided by fontsquirrel or onli
or software. I would like to recommend a commonly used tool, fontsquirrel, click here to go to the following interface.
If you do not see the page, you can directly click the navigation bar:
If you see the interface above, it's easy to do. Let's take a look at how to use this tool to generate various fonts required by @ font-face. First, upload the font we just downloaded:
Perform the following operations after uploading:
Now, the file downloaded
it, we must learn how to make icon font
Before making, we need to know what tools are needed, but it's very simple, just fontcreator,ps these two tools.
The production process, first of all, we need our designers to give the icon vector map, we need the icon in the PS layer grid, then save as Png24, and then in the fontcreator through the picture into the font, the size of the adjustment (the following will give the use of the various values of font production, I think it is more important to
complete example of the full:First, get special fonts:Let's take this single Malta font:To get a single Malta font, there are two ways, one to find paid websites to buy fonts, the other is to the free site download fonts. Of course to give money this stupid I think we will not do, then we will get free places to download, where there? I usually go to Google Web fonts and dafont.com to find their own fonts, of course, there are other places on the Internet to download fonts, this demo uses the d
do, then we will get free places to download, where there? I usually go to Google Web fonts and dafont.com to find their own fonts, of course, there are other places on the Internet to download fonts, this demo uses the dafont.com single Malta font, so you can download a single Malta:Once the single Malta is downloaded, it needs to be decompressed:Second, get the font format required for @font-face:The special font is already in your computer, and now we need to find a way to get the @font-face
Many people are familiar with the solution of using the anchor link to jump to the page. This effect is very practical when a long data set needs to be listed, however, page Jump is sometimes not a good friend for tourists, so I will not talk about the disadvantages, according to Xiang, most Web developers in this article are likely to be familiar with the solution of using the anchor link to jump to the page. You can set an anchor link for a specific name attribute and use the href value as a h
CSS Basic:Font-famliyFont-sizeFont-styleText-decorationColorBackground-color...
Skills:Define the parent element in the body selector and inherit the subclass for easy administrationThe option after Font-famliy is actually a preferred list to selectFont-size in body is best to define Small,medium,large first ... Subclasses change through 200%,1.2EMFont-style control italic, and italicText-decoration Text style underlineColor,background-color Color control via RGB (0~255)
@font-face{f
Cross-origin requests are resources in one site to access resources on another site with different domain names. This is common. For example, you can use the style label to load external style table files, use the img label to load external images, use the script label to load external script files, and use cross-origin requests, that is, resources in one site access resources on another site with different domain names. This is common, for example, loading external style table files through sty
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.