美文网首页互联网
怎样在前端开发中引用特殊字体样式?

怎样在前端开发中引用特殊字体样式?

作者: 6cff9f33a564 | 来源:发表于2018-10-11 11:31 被阅读33次

        在前端开发过程中,psd稿中经常会使用特殊的字体样式,我们在处理时需要考虑到一些可能出现的情况及问题:

1.字体样式是否存在版权问题

2.文字分情况划分:

例:在logo、特殊图片、固定图片、固定背景图等位置中,不需要后台数据更改遍历的固定型文字,可以使用切成图片的形式来展现

例:在一些需要遍历的后台数据,如:新闻标题、日期时间、栏目banner文字等,这些需要css引入外部字体样式来实现

外部字体样式引用方法:

                   <1>.下载所需的字体样式,格式有所区别,常用.TTF、.OTF格式格式

                          .TTF或.OTF,适用于Firefox 3.5、Safari、Opera

                          .EOT,适用于Internet Explorer 4.0+               

                          .SVG,适用于Chrome、IPhone

                   <2>.将字体文件放入项目文件夹,通常在css中font文件夹

<3>.css中引用方法

<4>.标签中引用

相关文章

  • 怎样在前端开发中引用特殊字体样式?

    在前端开发过程中,psd稿中经常会使用特殊的字体样式,我们在处理时需要考虑到一些可能出现的情况及问题: 1.字体样...

  • 前端深入之css篇|link和@import到底有什么区别?

    写在前面在真正的前端开发中,我们很少去写行内样式和内嵌样式,通常都是去引用外部样式。 而在我们学习之初的外部样式表...

  • CSS——字体样式和图标字体

    前言 在前端开发中,字体无疑是很基础的一个设置,本篇文章将对CSS中对字体的设置以及如何使用字体样式来表达一些矢量...

  • 自定义字体的TextView

    在Android开发中,UI在设计界面时有时会用到一些特殊字体,这就要求我们能自定义一种可改变字体样式的TextV...

  • web中font漫谈

    日常前端开发中,少不了与字体打交道。一般小网站的开发中只需要使用系统默认字体即可,但需要制作特殊效果的网站避免不了...

  • web项目中引入外部字体的方法

    1、把下载好的字体包引入到项目中。 2、在.css样式文件中引用入字体,然后进行使用。例如:

  • 矢量图标以及订制字体

    web字体 如果我们在网页中需要使用特殊的字体,为了能让用户不需要下载特殊字体也能产生效果,我们需要对字体样式进行...

  • MUI和HTML5+简介

    1.MUIMUI是一套前端框架,是基于HTML5+功能开发的css样式引用 js引用 mui.init 2.5+...

  • css知识

    1.外部引用字体样式: @font-face{ font-family:“字体名字”;src:url('字体文件的...

  • CSS体验

    在企业开发中 修改样式都是交给 CSS 来做,设置样式 美化界面 font标签:设置文本的 字体、大小、颜色 fo...

网友评论

    本文标题:怎样在前端开发中引用特殊字体样式?

    本文链接:https://www.haomeiwen.com/subject/tqfbaftx.html