i标签是定义在浏览器中显示略大的斜体，像下图这种字体，是html标签，不属于css
若果要去掉斜体。可以在css中单独定义
i{font-style:normal}
<i></i>是html标签<i>标签显示斜体文本效果。
但是现在很多前端的写法就是reset掉这个i标签的样式，来重定义便签定义，一般用法就是写背景图标啦，比如
<div>关于我们<i class="icon"></i></div>
css
.icon{ background:url("/images/icon.jpg") no-repeatfloat:left......}
等等等，，看你自己要怎么去定义这个标签了
可以的，你可以看一看，加上i标签后就成了斜体了。
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<a href="#"><i>这是斜体</i></a>
<a href="#">这是正体</a>
</body>
</html>
可以的，给你附上完整代码，你试一试
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a{
width: 57px
height: 30px
color: #ABA2B7
line-height: 30px
margin: 0 4px
}
a i{
font-size: 16px
color: #F10215
}
</style>
</head>
<body>
<a><i class="fa fa-map-marker">北京</i></a>
<a href="#"><i>这是斜体</i></a>
<a href="#">这是正体</a>
</body>
</html>
给你指个错：你的“北京”没有在i标签里面
