Dobles espacios, rayas o guiones, puntos suspensivos, comillas tipográficas, espacio de no separación… Cuando escribimos en WordPress, a veces, tenemos dudas ortotipográficas que no sabemos cómo resolver. O, peor aún, cometemos errores ortotipográficos sin saberlo. En esta charla veremos algunos de los errores más habituales. Te haré ver algunos detalles que antes no veías y te pido disculpas de antemano, porque cuando salgas de la charla te sangrarán los hojos más a menudo…

1. Ortotipografía
para WordPressAna Cirujano | WordCamp Zaragoza | 26-ene-2019

2. #WCZGZ
Ana Cirujano
Diseñadora visual y de interacción
especializada en WordPress
@acirujano
anacirujano.com

3. ¿Qué es ortotipografía?

4. @acirujano | #WCZGZ
Ortotipografía

5. @acirujano | #WCZGZ
Ortotipografía

6. @acirujano | #WCZGZ

7. @acirujano | #WCZGZ

8. @acirujano | #WCZGZ
Ortotipografía

14. @acirujano | #WCZGZ
Ortotipografía

15. @acirujano | #WCZGZ

16. @acirujano | #WCZGZ

17. @acirujano | #WCZGZ

18. Limpieza de textos

20. @acirujano | #WCZGZ
Espacios dobles
Espacios antes de los signos
de puntuación
Espacios antes o después de
los signos de apertura y cierre
, . ; :
? ) ] }
( [ { ¿

21. Partición de línea

22. @acirujano | #WCZGZ
 

23. @acirujano | #WCZGZ
Un evento con 310
personas
Las mujeres son el 30
% del total
Cuesta solo 20
euros

24. @acirujano | #WCZGZ
Un evento con 310
personas
Las mujeres son el 30
% del total
Cuesta solo 20
euros

25. @acirujano | #WCZGZ
Un evento con 310
personas
Las mujeres son el 30
% del total
Cuesta solo 20
euros
Un evento con
310 personas
Las mujeres son el
30 % del total
Cuesta solo
20 euros
 

26. @acirujano | #WCZGZ
Un evento con 310
personas
Las mujeres son el 30
% del total
Cuesta solo 20
euros
Un evento con
310 personas
Las mujeres son
el 30 % del total
Cuesta solo
20 euros
Un evento con
310 personas
Las mujeres son el
30 % del total
Cuesta solo
20 euros
 

31. Números

32. @acirujano | #WCZGZ
1234567890
1234567890
Capital
Elzeviriano

33. @acirujano | #WCZGZ
.clase {
font-variant-numeric: lining-nums;
-moz-font-feature-settings: "lnum";
-webkit-font-feature-settings:"lnum";
font-feature-settings: "lnum";
}

34. @acirujano | #WCZGZ
.clase {
font-variant-numeric: oldstyle-nums;
-moz-font-feature-settings: "onum";
-webkit-font-feature-settings:"onum";
font-feature-settings: "onum";
}

35. @acirujano | #WCZGZ
123.45
678.90
Tabular Proporcional
123.45
678.90

36. @acirujano | #WCZGZ
.clase {
font-variant-numeric: tabular-nums;
-moz-font-feature-settings: "tnum";
-webkit-font-feature-settings:"tnum";
font-feature-settings: "tnum";
}

37. @acirujano | #WCZGZ
.clase {
font-variant-numeric: proportional-nums;
-moz-font-feature-settings: "pnum";
-webkit-font-feature-settings: "pnum";
font-feature-settings: "pnum";
}

38. @acirujano | #WCZGZ
De todos los asistentes, 1/2 son la mitad
De todos los asistentes, ½ son la mitad

39. @acirujano | #WCZGZ
.clase {
font-variant-numeric: diagonal-fractions;
-moz-font-feature-settings: "frac";
-webkit-font-feature-settings: "frac";
font-feature-settings: "frac";
}

40. @acirujano | #WCZGZ
La fórmula del agua es H20
La fórmula del agua es H²0

41. @acirujano | #WCZGZ
.clase {
font-variant-numeric: ordinal;
-moz-font-feature-settings: "ordn";
-webkit-font-feature-settings: "ordn";
font-feature-settings: "ordn";
}

42. @acirujano | #WCZGZ

43. @acirujano | #WCZGZ
2 x 1

44. @acirujano | #WCZGZ
2 × 1

45. @acirujano | #WCZGZ

46. @acirujano | #WCZGZ
2 × 1

47. @acirujano | #WCZGZ
Títulos

48. @acirujano | #WCZGZ
Esto no es un título.

49. @acirujano | #WCZGZ
ESTO Sí ES UN TÍTULO

50. @acirujano | #WCZGZ
UN PÁRRAFO TAN
LARGO Y EN MAYÚS-
CULAS NO PUEDE SER
UN TÍTULO, ¡Y MENOS
CON GUIONES!

51. @acirujano | #WCZGZ
Recursos diacríticos
tipográficos

52. @acirujano | #WCZGZ
Cursiva | Negrita | Versalita

53. @acirujano | #WCZGZ
Cursiva verdadera
Falsa cursiva

54. @acirujano | #WCZGZ
Usos de la cursiva
El autor del blog Ayuda WordPress
es Fernando Tellado.

55. @acirujano | #WCZGZ
Usos de la cursiva
Ilegal no es lo mismo que alegal.

56. @acirujano | #WCZGZ
Usos de la cursiva
Los artículos de WordPress
se llaman entradas.

57. @acirujano | #WCZGZ
Cuando digo desarrollador WordPress
no me refiero a activar plugins.
Usos de la cursiva

58. @acirujano | #WCZGZ
Me gusta el guorpres.
Usos de la cursiva

59. @acirujano | #WCZGZ
Negrita verdadera
Falsa negrita

60. @acirujano | #WCZGZ
ra
ra

61. @acirujano | #WCZGZ
Usos de la negrita
En títulos, para jerarquizar.
En ladillos (párrafos destacados).
En palabras o sintagmas que queramos poner de relieve.

62. @acirujano | #WCZGZ
Versalitas
MAYÚSCULAS

63. @acirujano | #WCZGZ
Usos de las versalitas
En el siglo xx reinó Alfonso XIII.
La sede de la nasa está en Washington.

64. @acirujano | #WCZGZ
Las comillas

65. @acirujano | #WCZGZ
“Este texto parece correcto
pero no lo es”.

66. @acirujano | #WCZGZ
«Este texto parece correcto
y sí lo es».
“Este texto parece correcto
pero no lo es”.

67. @acirujano | #WCZGZ
«…»
“…”
‘…’

68. @acirujano | #WCZGZ
La raya

69. @acirujano | #WCZGZ
Este texto -a simple vista-
parece incorrecto.

70. @acirujano | #WCZGZ
Este texto -a simple vista-
parece incorrecto.
Este texto —a simple vista—
es correcto.

71. @acirujano | #WCZGZ

72. @acirujano | #WCZGZ
Windows
— Alt+0151
« Alt+174
» Alt+175
× Alt+158
Mac
Alt + Shift + Guion
Alt+Shift+’
Alt+Shift+ç
Alt+Shift+8

73. Ana Cirujano
@acirujano
anacirujano.com
#WCZGZ
¡Gracias!