0
627
Vistasel estilo en línea html ya no se aplica en las celdas del cuaderno Jupyter
Al pasar el argumento de style junto con un bloque de inicio <span> , cambié font-size font-family y todo eso en las celdas individuales de mi cuaderno Jupyter. Al igual que-
<span style="font-family:Verdana">Irrelavant text.</span>O
# Model Building <span style="font-size:12px">[Jump to Beginning](#top)</span> Funcionó bien hasta hace aproximadamente una semana, cuando desaparecieron todos los efectos de style en mi cuaderno. Obviamente, el código todavía está allí en las celdas de descuento, pero simplemente no muestra el resultado previsto. El mismo cuaderno aún funciona y carga el estilo cuando se ejecuta en Kaggle o JupyterLab. ¿Los cuadernos de Jupyter dejaron de admitirlo o cambié algo sin querer? ¿Qué podría ser una solución alternativa o incluso una solución para el problema sin cambiar el código?
Solía verse así (evite el tema negro, la captura de pantalla es de JupyterLab):
Y ahora se ve así-
Como puede ver, el font-size:12px ya no tiene efecto. Lo mismo ocurre con font-family y similares.
Editar: Cuaderno
2 Respuestas
Responde la pregunta0
No creo que esta sea la respuesta que querías, pero funciona. También es escalable. Usualmente uso Python con Atom, XCode o RMarkdown en RStudio, por lo que no estoy muy familiarizado con los entresijos de la interfaz de Jupyter.
Primero, noté que podía ver el texto representado como se esperaba cuando fui a la vista previa de impresión. Sin embargo, pensé que eso era bastante inútil. ¿Qué vas a hacer? ¿Ir a la vista previa de impresión cada vez que escribes algo? ¿Cuál es el propósito de un cuaderno interactivo en ese momento?
estoy divagando
Bien, lo que encontré que funcionó... de ninguna manera es una idea originalmente mía...
CSS personalizado
Agregar un archivo CSS personalizado, pero no la cosa de 'cambiarlo todo' que sugieren los archivos de ayuda de Jupyter...
Paso 1) Cree una carpeta de estilos en el mismo directorio que el archivo ipynb.
Paso 2) Dentro de la carpeta de estilos, crea un archivo CSS.
Paso 3) Dentro de ese archivo CSS, escriba los dos estilos de etiqueta y cualquier otro que desee.
Aquí está ese código (las imágenes del código son molestas).
div.verdana { font-family:verdana; } div.bigger { font-size: 20pt; }Dentro del archivo ipynb
Paso 4) A continuación, agregue las etiquetas div a su archivo ipynb en una celda Markdown:
<div class='verdana'>This should be Verdana font.</div>El resultado después de ejecutar la celda:
Paso 5) Haz lo mismo con la fuente más grande. Resaltaste el deseo de font-size:20px ; Sin darme cuenta hice font-size:20pt . Simplemente cambie el pt a px .
Agregue las etiquetas div a su archivo ipynb en una celda Markdown:
<div class="bigger">Font size 20px</div>El resultado después de ejecutar la celda:
Paso 6) En algún lugar del cuaderno, debe llamar al enlace al archivo CSS. Lo acabo de agregar al final:
from IPython.core.display import HTML def css_styling(): styles = open("./styles/custom.css", "r").read() return HTML(styles) css_styling()Puede ir al final porque todo el kernel se ejecuta inicialmente (por lo que no es necesario que sea antes de llamar a las etiquetas.
Para tu información , intenté usar magic , pero no funcionó para la familia de fuentes:
%%html <style> // add your CSS styling here div.verdana { font-family:verdana; } div.bigger { font-size: 20pt; } </style>0
Los estilos en línea en las celdas de Markdown se eliminaron temporalmente en una solución de seguridad que abordó un problema de saneamiento diferente a principios del mes pasado y se restauraron en la versión 6.4.4 recién lanzada. Actualice la instalación de su computadora portátil para que el estilo antiguo en Markdown vuelva a funcionar.
Jupyter Lab 3.2.2, 3.2.3 y 3.2.4 también se ven afectados por un problema similar. Ya se arregló en PR #11510 y la corrección se publicó en JupyterLab v3.2.5 el 10 de diciembre de 2021.